Foro en Español

Reply
Contributor II

Modificación hoja de estilo - campos del formulario

Hola a todos;

 

He configurado el Clearpass guest con la opción de que al invitado se le despliegue un jQuery Modal Pop-Up al hacer clic en el enlace correspondiente.

 

Este es el código fuente utilizado, el mismo lo inserté en:

Guest -> Configuration -> Web Logins (nombre del web login) -> Header HTML;

{nwa_cookiecheck}
{if $errmsg}{nwa_icontext type=error}{$errmsg|escape}{/nwa_icontext}{/if}

{nwa_text id=7980}<p><FONT FACE="helvetica">
Inicie sesión en la red utilizando su nombre de usuario y contraseña. </br>Si no tiene credenciales de acceso, haga clic aquí: <a href="RegistrationPage1.php">Crear Cuenta</a></font>

 

{literal}
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
{/literal}

<!-- Modal -->
<div class="modal fade" id="termsModal" tabindex="-1" role="dialog" aria-labelledby="termsModal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Términos de Uso</h4>
</div>
<div class="modal-body">

<!-- terms body -->
<p><h5>
El uso de la red inalámbrica está sujeto a las restricciones generales descritas a continuación.</h5>
</p>
<p><h5>
Si se detecta un comportamiento anormal, ilegal o no autorizado, incluido un gran consumo de ancho de banda, el Administrador de la Red se reserva el derecho de desconectar permanentemente el dispositivo infractor de la red inalámbrica.
</h5>
<ul>
<li><h5>Los usuarios deben respetar la privacidad y los derechos de propiedad intelectual de los demás.</li></h5>

</ul>
</p>
<!-- close button -->
<button type="submit" data-dismiss="modal">Close</button>

</div>
</div>
</div>
</div>

Leer <a href="#" data-toggle="modal" data-target="#termsModal">términos de uso</a>

</p>{/nwa_text}

 

El tema está que las letras para insertar el usuario y contraseña salen en color blanco.

No encuentro el campo donde pueda moficar esto, no tengo mucho conocimiento en javascript.

 

Adjunto capturas de pantalla.

 

Muchas Gracias.

 

Contributor II

Re: Terms of use

 
Moderator

Modificación hoja de estilo - campos del formulario

Por favor, edita el asunto  de la pregunta, porque "terms of use" no guarda demasiada relación con la pregunta, que es sobre el color de los campos de texto.

 

Sobre la pregunta:

No soy un experto en diseño web, pero leyendo el código que has puesto creo que tienes que modificar tu CSS para que el estilo asociado a "modal-content" esté en otro color. Esta página te debería venir bien para escoger el color del texto:

https://www.w3schools.com/colors/colors_picker.asp

 

Saludos!

Samuel Pérez
ACMP, ACCP, ACDX#100

---

If I answerd your question, please click on "Accept as Solution".
If you find this post useful, give me kudos for it ;)
Highlighted
Aruba Employee

Modificación hoja de estilo - campos del formulario

Hola,

Como dice Samu, tendrás que modificar la hoja de estilos, el color del texto de los campos del formulario puedes modificarlo añadiendo esta línea con el color que quieras:

.nwaBody input {
    color: #e8831b;
}

Esto afectará a todos los campos que estén en el formulario. Si quieres ser más específico puedes añadirlo haciendo referencia al nombre del campo:

input[name="user"] {
    color: #0095ff;
}

Rafael del Cerro Flores
ACMP, ACCP, ACDX#324, ACCX#711
Moderator

Re: Modificación hoja de estilo - campos del formulario

Hazle más caso a Rafa que a mí, el que sabe de estas cosas es él :)

Samuel Pérez
ACMP, ACCP, ACDX#100

---

If I answerd your question, please click on "Accept as Solution".
If you find this post useful, give me kudos for it ;)
Contributor II

Re: Modificación hoja de estilo - campos del formulario

Hola de nuevo.

 

Muchas gracias de nuevo, Rafa con su ayuda pude lograr lo que buscaba, ahora el portal lo puedo llevar a producción.

 

Saludos

Gracias de nuevo

Contributor II

Re: Modificación hoja de estilo - campos del formulario

Gracias por los códigos de colores, su ayuda fue muy importante.

 

Saludos

Search Airheads
cancel
Showing results for 
Search instead for 
Did you mean: