I wish there was a tool to change color also warning notices

  • Profile Image
    stcreacionesweb
    Asked on June 10, 2011 at 10:28 AM

    I wish there was a tool to change color also warning notices


    español:

    me gustaria que hubiera una herramienta para poder mabiar de color tambien los avisos de advertencia

  • Profile Image
    NeilVicente
    Answered on June 10, 2011 at 04:17 PM

    Hi,

    Currently we do not have such a tool, but one of my colleagues came up with a number of ways to customize the warning notices by injecting custom css in your form.

    Please try using this code:


    .form-line-error {
    background:none repeat scroll 0 0;
    }
    .form-error-message {
    background:#FFA !important;
    }
    .form-error-arrow-inner {
    border-color: transparent transparent #FFA;
    }
    .form-validation-error {
    background-color:#CFC;
    border:1px solid green;
    -moz-box-shadow:0 0 2px green;
    -webkit-box-shadow: 0 0 2px green;
    box-shadow: 0 0 2px green;
    }

    You can play around and test colors to suit your preference. Just replace the colors (text in bold) with any HTML Color Name or HTML Color Code you prefer.

    To inject custom css:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code I provided to the Inject Custom CSS textarea

     

    Let me know if you're having problems following this solution. Thank you.


    Neil

    -------------

    Español
    ¡Hola!

    Actualmente no disponemos de una herramienta, pero uno de mis colegas se le ocurrió una serie de maneras de personalizar los avisos de alerta mediante la inyección de CSS personalizado en el formulario.

    Por favor, intente utilizar el código siguiente:

     


    .form-line-error {
    background:none repeat scroll 0 0;
    }
    .form-error-message {
    background:#FFA !important;
    }
    .form-error-arrow-inner {
    border-color: transparent transparent #FFA;
    }
    .form-validation-error {
    background-color:#CFC;
    border:1px solid green;
    -moz-box-shadow:0 0 2px green;
    -webkit-box-shadow: 0 0 2px green;
    box-shadow: 0 0 2px green;
    }

    Puedes jugar y probar los colores según sus preferencias. Basta con sustituir los colores (texto en negrita) con cualquier nombre de color HTML o HTML Código de color que prefiera.

    Para inyectar CSS personalizado:

    1. Ir a la ficha Configuración y Incrustar
    2. Haga clic en el botón Preferencias del Formulario
    3. Elija Formulario ficha Estilos
    4. Copia y pega el código CSS que proporcionan a la caja de texto personalizado Inyectar CSS

    Déjeme saber si usted está teniendo problemas después de esta solución. Gracias.


    Neil