Opción única: Cambiar ícono por X

  • montoya00760
    Fecha de consulta 12 de septiembre de 2023, 10:59

    buenos dias lo que pasa es que al verificar con el pdf de plantilla ,la opcion unica tiene dos circulos uno mas grande que el otro me gustaria saber si se puede cambiar ese icono por el de una "x"

  • Catherine Jotform Support
    Fecha de respuesta 12 de septiembre de 2023, 12:41

    Hola Bryan,

    Gracias por comunicarte con el equipo de soporte de Jotform. Entiendo que necesitas cambiar el ícono del elemento Opción Única por una X. Se puede cambiar dicho ícono interno insertando un Código CSS a tu formulario. Es muy sencillo, te enseño como:

    • En el Creador de Formularios PDF Inteligente, da clic en el Diseñador de Formulario.
    • Bajo la pestaña de Estilo, desliza hasta el campo de Insertar CSS Personalizado.
    • Inserta el siguiente código CSS:
    .form-radio+label:before, .form-radio+span:before {
        border-radius: 0 !important;
        transition: border-color .15s;    
    }

    .form-radio:checked+label:before, .form-radio:checked+span:before, .form-radio+label:after, .form-radio+span:after {
        background-color: transparent !important;    
    }

    .form-radio+label:after, .form-radio+span:after {
        background-color: none !important;
        content: 'X';
    }

    .form-radio+label:after, .form-radio+label div:after, .form-radio+span:after, .form-radio+span div:after {
        top: 1px !important;
    }

    Para más detalles sobre como insertar un código CSS, puedes revisar esta guía.

    Mira los resultados en el formulario luego de insertar el código CSS:

    Opción única: Cambiar ícono por X Image 1 Screenshot 20

    Pruébalo y déjanos saber si tienes alguna otra pregunta.