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 ...
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 ...
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) ...
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 ...
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: ...
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 ...
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 ...
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 ...
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 ...
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 {
...
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="...
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 ...
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/...
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) {
...
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 ...
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....
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=...
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 ...
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 ...
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.
...
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/...
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, ...
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á ...
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....
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 ...
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;
-...
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 ...
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....
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 ...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
material-design × 96android × 34
css × 15
javascript × 14
html × 12
android-studio × 12
html5 × 12
java × 11
angular × 11
css3 × 9
android-layout × 8
materialize × 7
bootstrap × 5
jquery × 4
vue.js × 4
xml × 4
design × 4
reactjs × 3
angularjs × 3
kotlin × 3
wpf × 3
php × 2
bootstrap-4 × 2
botón × 2
interfaz-gráfica × 2