Como personalizar nuestro iframe

 In Ayuda, Ayuda para organizadores

En este post vamos a ver como personalizar nuestro iframe de manera básica. El iframe esta dividido en cuatro pasos, el primero que encontramos es el de elegir entre las diferentes modalidades de inscripción, este paso tiene varias partes que podemos personalizar. La primera es el título, vamos a poner un ejemplo de como cambiar el color del título:

#tituloModalidad {
color: red;
}

Lo siguiente que podemos cambiar son los titulos de la tabla de modalidades, vamos a poner un ejemplo de como cambiar el color:

#divTituloTabla {
color: red;
}

Para cambiar los nombres de las modalidades se haría de la siguiente manera:

#tituloModalidadTabla {
color: red;
}

 

Se puede hacer lo mismo con el precio:

#tituloPrecio {
color: red;
}

Y lo mismo con la descripción de la modalidad:

#descripcionModalidadTabla {
color: red;
}

Para cambiar el color del botón:

#ctl00_ContentPlaceHolder1_ctl01_rptPlazas_ctl00_Plaza_rptPlazasTarifas_ctl00_PlazaTarifa_lnkElegir1 {
background-color: red;
}

Para cambiar los diferentes botones tendremos que cambiar la parte de “rptPlazasTarifas_ctl00” por “rptPlazasTarifas_ctl01” cambiando el numero dependiendo de los botones que tengamos, el primero siempre será 0.

En el segundo paso del iframe encontramos el formulario de inscripción y ademas del titulo, tambien podemos modificar el subtitulo:

#tituloInscripcion {
color: red;
}

#subtituloInscripcion {
color: red;
}

 

Si queremos cambiar el color de las preguntas:

#textoPregunta {
color: red;
}

Para cambiar el color del botón “INSCRIBIRME”:

#ctl00_ContentPlaceHolder1_ctl01_lnkTPV {
background-color: red;
}

 

En el tercer paso del iframe tenemos las formas de pago y al igual que en el paso 2, podemos modificar el titulo y el subtitulo:

#tituloPago {
color: red;
}

#subtituloPago {
color: red;
}

Si queremos cambiar el nombre de la forma de pago “TARJETA DE CRÉDITO”:

label[for=ctl00_ContentPlaceHolder1_ctl01_pagoTarjeta] {
color: red !important;
}

Para la forma de pago de PayPal:

label[for=”ctl00_ContentPlaceHolder1_ctl01_pagoPaypal“] {
color: red !important;
}

Y para cambiar la descripción:

.pagoGris {
color: red;
}

 

Para cambiar el nombre de la inscripción:

#nombreModalidadPago {
color: red;
}

Para la descripción de la inscripción:

#descripcionModalidadPago {
color: red;
}

Para cambiar el texto de “TOTAL”:

#totalPrecio {
color: red;
}

Para cambiar el importe de la inscripción:

#totalCantidad {
color: blue;
}

Para cambiar el color del botón para pagar:

#ctl00_ContentPlaceHolder1_ctl01_btnSiguiente {
background-color: red;
}

#ctl00_ContentPlaceHolder1_ctl01_btnPayPal {
background-color: red;
}

 

En el último paso encontramos la confirmación de que se ha realizado la inscripción correctamente, podemos modificar el título:

#tituloConfirmacion {
color: red;
}

El nombre de la modalidad:

#nombreModalidadConfirmacion {
color: red;
}

El color de fondo de la confirmación:

#divConfirmacion {
background-color: red;
}

Y el color del texto:

#confirmacion {
color: black;
}

Para el texto “NO TE OLVIDES DE IMPRIMIR EL JUSTIFICANTE”:

#justificanteCorrectamente {
color: red;
}

Para el texto “Te lo hemos enviado por email”:

#emailCorrectamente {
color: red;
}

Y por último para cambiar el color del botón para imprimir el justificante:

#ctl00_ContentPlaceHolder1_ctl01_lnkImprimir {
background-color: red;
}

 

1 Estrella2 Estrellas3 Estrella4 Estrella5 Estrella (1 votes, average: 5,00 out of 5)
Cargando…
Formfy
Formfy es la mejor opción para cobrar por registrarse en un formulario, en menos de 3 minutos puedes tu formulario listo para inscribirse y realizar el pago. Formfy es fácil y rápido, crea formularios e intégralos en tu web.
Recent Posts

Leave a Comment

He leído y acepto las Condiciones Generales y la política de privacidad *

Empieza a cobrar online en 3 minutos
Más de 381.000 registros realizados por más de 8772 formularios online