Información de etiqueta

Respuestas populares con la etiqueta

14 votos

PlaceHolder en el margen del input

Son conocidos como 'Floating labels/placeholders'. Y están basados en Material Design. Es un tipo de diseño con ciertos estándares creado por Google. Hay varias maneras de poder realizarlo y eso ...
Hoose's user avatar
  • 3,075
7 votos
Aceptado

¿Como lograr el efecto de carga de pagina de YouTube?

Respuesta corta, utilizando Ajax puedes recargar cualquier parte de la pagina obteniendo fragmentos HTML del servidor u obteniendo información en algún formato como JSON, XML y generar el código HTML ...
Carlos Lucero's user avatar
6 votos
Aceptado

Cambiar el texto de la barra de herramientas para que sea distinto al nombre de la aplicación

Te refieres al titulo en la Toolbar, para cambiar este texto, puedes realizarlo de la siguiente forma, usando el método getSupportActionBar().setTitle(...): ...// myToolbar = (Toolbar) ...
Jorgesys's user avatar
  • 109k
5 votos
Aceptado

Android ¿Como implementar un navigation drawer menu en todas las activities?

Si deseas implementarlo en varias actividades tendrías que realizar una copia en cada Activity, lo cual no sería buena idea. Me pongo a pensar como tendrías estructurada tu aplicación, por lo que ...
Jorgesys's user avatar
  • 109k
5 votos
Aceptado

Hover sobre botón de Bootstrap no funciona como debería, solo se aplica sobre los elementos

Tienes que poner el hover sobre el boton y luego "navegar" con los selectores al elemento que quieras animar a partir de ahi .primary_color { background-color: #dc1921; } .btn { width: ...
Montaycabe's user avatar
  • 1,023
5 votos
Aceptado

Icono para mostrar la contraseña de un input con Material Web Components

Con esta funcion de JS podrías hacerlo, pero estoy viendo que no se puede clickar en el elemento <i> solo en el input. No se si esto será un problema en la estructura del html o de las clases ...
x3k's user avatar
  • 3,801
4 votos
Aceptado

¿Cómo animar el borde de un div?

Teniendo en cuenta tu código, se me ocurrió hacer algo como esto, espero que te sirva: $("li.new input[type='text']").focus(function(){ $(this).parent().addClass('activo'); }); $("li.new ...
Bender Paisa's user avatar
  • 12.7k
4 votos

¿Cómo lograr el efecto de el login de Wix?

Ese es un efecto de la especificación Material Design de Google, hay varias librerías que proveen una implementación de esta especificación, sin embargo esas librerías proveen toda una biblioteca con ...
Carlos Lucero's user avatar
4 votos
Aceptado

¿Como puedo hacer para que reconozca "/" al concatenar con javascript?

El problema está en la línea que especificas style="background-image: url("images/'+data.carousel[i].imagen+'"); Cuando pones style="background-image:url(" estás cerrando en este punto la etiqueta ...
Rabegi's user avatar
  • 1,317
4 votos

Hover sobre botón de Bootstrap no funciona como debería, solo se aplica sobre los elementos

Tienes que poner el boton como el selector principal para que cuando se haga hover sobre el button, se le apliquen los estilos a la imagen y al texto que son los hijos: .primary_color { ...
Einer's user avatar
  • 20.5k
4 votos
Aceptado

Librerías para Material Components Web

Encontre la forma que funcionara <head> <link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet"> <link rel="...
Carlos Umaña's user avatar
3 votos
Aceptado

¿Cómo crear un placeholder label?

Es un componente de Material Design conocido como Text Field y se puede crear en efecto con un poco de html y css. Este es un ejemplo tomado de CodePen: * { box-sizing:border-box; } .container ...
Shaz's user avatar
  • 29.2k
3 votos
Aceptado

¿Como hacer para que el texto ajuste su tamaño segun el tamaño de la pantalla en android?

Es similar a como se realiza para los layouts, defines dentro del folder de determinada densidad valores en sp correspondientes: res/values/dimens.xml res/values-small/dimens.xml res/values-normal/...
Jorgesys's user avatar
  • 109k
3 votos
Aceptado

Material Design Toolbar para guardar contenido

Para cambiar el icono por defecto de la toolbar Toolbar toolbar = findViewById(R.id.toolbar); setSupportActionBar(toolbar); if (getSupportActionBar() != null) { ...
Codelaby's user avatar
  • 11.1k
3 votos

¿Como puedo hacer para que reconozca "/" al concatenar con javascript?

Puedes utilizar template literals para hacer mas sencillo escribir la cadena, ya que necesitas ambas comillas " y ' ademas de concadenar variables: carouselImagen += `<div class="carousel-item ...
Klaimmore's user avatar
  • 4,040
3 votos

Hover sobre botón de Bootstrap no funciona como debería, solo se aplica sobre los elementos

.primary_color { background-color: #dc1921; } .btn { width: 150px; height: 100px; padding: 1rem; font-size: 0.81rem; margin: .5rem 0; border: 0; -webkit-border-radius: 0....
phpMyGuel's user avatar
  • 14.8k
3 votos
Aceptado

¿Como puedo centrar este formulario materialize?

PROBLEMA Tienes 2 elementos col dentro de otro elemento col, cosa que no es lo correcto cuando trabajas con el sistema de grilla de Materialize: <div class="container"> <div class=...
Mauricio Contreras's user avatar
2 votos
Aceptado

No entiendo la funcionalidad ifRoom en Android

app:showAsAction="ifRoom" como comentas, indica que si hay espacio muestra los iconos si no los agrega en el menù de que comentas "dropmenu". Es algo que he notado en algunos dispositivos que en ...
Jorgesys's user avatar
  • 109k
2 votos
Aceptado

EditText con mensaje de error en Android

Usas un TextInputLayout y utilizas setError() para definir el mensaje, setErrorEnabled() para habilitarlo, por ejemplo: //Validación de error en email, valida texto que ingresa el usuario en el ...
Jorgesys's user avatar
  • 109k
2 votos

¿Como quitar los espacios de un CardView?

Para remover el padding lo puedes realizar agregando una medida negativa de contentPadding en dp, pero lo ideal es la propiedad setPreventCornerOverlap con valor false para deshabilitar el padding. ...
Jorgesys's user avatar
  • 109k
2 votos
Aceptado

Cerrar una ventana modal luego de publicar datos correctamente

aqui hay una opcion vastante simple: Código Javascript onclick=”window.opener.location.reload(); window.close();” esto es si utilizas una ventana emergente con iframe https://thorv.wordpress.com/2006/...
user18831's user avatar
2 votos

Android ¿Como implementar un navigation drawer menu en todas las activities?

Para este caso la recomendación es utilizar Fragments ya que permiten reutilizar el mismo activity (que incluye el drawer) cambiando el contenido dentro del mismo ciclo de vida de un solo activity, ...
jirungaray's user avatar
2 votos
Aceptado

Cambiar border-bottom-color en input de Material Design

Probablemente la clase de css que quieres modificar es "mat-input-underline" lo que puedes hacer para cambiar el color es hacer lo siguiente: .mat-input-underline{ color: blue; } Esto cambiará ...
Nazkter's user avatar
  • 242
2 votos
Aceptado

¿Porque una aplicacion de Ionic 2, la barra de estado no cambia?

La barra de estado se ajusta en Ionic de la siguiente manera: Instalar las dependencias del plugin status bar Ionic native. Verificar que este correctamente agregado en los providers de ~/src/app/app....
Donovan Pardo's user avatar
2 votos
Aceptado

Como se llaman estas líneas para relacionar comentarios indentados en CSS

Podrías hacerlo con seudoselectores el seudoselector :before con position:relative y definiendo border-left y border-bottom te permitiría dibujar las líneas. el comentario principal debiera tener ...
ffflabs's user avatar
  • 22.8k
2 votos

Hover sobre botón de Bootstrap no funciona como debería, solo se aplica sobre los elementos

Saludos checa esto: .primary_color { background-color: #dc1921; } .btn { width: 150px; height: 100px; padding: 1rem; font-size: 0.81rem; margin: .5rem 0; border: 0; -...
Diego Avila's user avatar
  • 5,456
2 votos

Cómo crear esta forma con Material Design

es posible con css ya que hasta la fecha todos los frameworks de estilos se basan en Cascading Style Sheets. No soy muy bueno en los estilos pero una forma de hacerlo sería la siguiente (Es necesario ...
Prospero Aguilar's user avatar
2 votos
Aceptado

Los iconos no funcionan en dispositivos moviles

Parece que el dispositivo móvil no tiene acceso a internet, tendrás que descargar manualmente los archivos fuentes de https://fonts.googleapis.com/icon?family=Material+Icons y https://use.fontawesome....
Oscar David Diaz Fortaleché's user avatar
2 votos

Librerías para Material Components Web

Te aconsejo que no utilices la versión del CDN, es más una versión para testing que una de producción; no la puedes personalizar tanto, no funcionan muy bien los @mixins, es más complejo implementar ...
José Pulido's user avatar
2 votos

¿Como puedo centrar este formulario materialize?

¿Me parece que te referías a esto? ¿O te referías a que ambos quedaran juntos y centrados? Espero haberte ayudado, pero si no, puedes decirme e intentamos. La respuesta que te dí la encontre de ...
Sergio Yael A.'s user avatar

Only top scored, non community-wiki answers of a minimum length are eligible