Preguntas con la etiqueta [materialize]
La etiqueta Materialize debe usarse en sitio cuando la pregunta verse acerca del framework MaterializeCSS ya sea para implementar diseños web o aplicaciones que lo requieran para desarrollo frontend.
165
preguntas
0
votos
0respuestas
9 vistas
materialize collapsible funcionalidad
como estan? les comento mi problema estoy levantando una app en react y estoy teniendo problemas con la logica a la hora de importar los scripts y darle la logica a mis componentes hijos ya que ...
0
votos
0respuestas
8 vistas
No se visualizan los botones
no se por qué razón no me aparecen los botones de copear y Excel, he mirado la documentación de datatables vs lo que tengo y según yo esta bien , en la solución estoy implementando materialize, no sé ...
0
votos
1respuesta
21 vistas
Problema al visualizar datos dentro de select hecho con MaterializeCSS usando Vuejs
Hola buenas noches con todos quiero cargar datos dentro de un select que está hecho con materializecss, estoy probando vuejs haciendo uso de componentes, los datos los traigo gracias a axios. Este es ...
0
votos
0respuestas
15 vistas
Errores de diseño en navegador Firefox y Google Chrome
He desarrollado un input type search para realizar búsqueda de personas para una red social. Resulta que estoy trabajando un un Framework de diseño pero el input type search para buscar personas lo ...
1
voto
1respuesta
39 vistas
Problema al enviar datos desde Javascript en un div
Buenas estoy usando Materialize CSS 1.0.0 y me funciona muy bien a excepción de cuando quiero enviarle HTML desde Javascript. La pagina informe.php tiene un div y uso informe.js para enviarle el ...
0
votos
1respuesta
12 vistas
Problema al cargar información en select Materialize 1.0.0 y Angular
Me encuentro usando Materialize.CSS con angular.
Tengo información que carga un select con información de un servicio.
El componente es el que sigue:
...
comboNivelEstres: Combo[] = [];
constructor(
...
2
votos
0respuestas
30 vistas
Configurar Cards en Materialize CSS
muchas gracias por ayudar!
Estoy intentando desarrollar una malla universitaria interactiva. Actualmente luce asi:
La idea que tengo en mente es:
Todas las cards tengan el mismo tamaño
El contenido ...
0
votos
0respuestas
8 vistas
Creando un custom hook para un select con Materialized Css (no se me muestra en pantalla)
Estoy intentando crear un custom hook que me retorne un select con materialize css pero cuando llamo el componente no se me pinta en pantalla. estoy haciendo un formulario para cargar un producto, el ...
1
voto
1respuesta
35 vistas
Cambiar src de imagen dinámicamente en Angular con Material Option
Quiero cambiar la imagen dinámicamente en mi etiqueta <img [src]="" /> con el object que traigo desde una API https://reqres.in/api/users usando el selector de opciones de material:
&...
0
votos
1respuesta
33 vistas
React problemas addEventListener
estoy empezando con React y estoy haciendo una SPA de prueba. Estoy usando para maquetar materialize css y tengo en algunos componentes un event listener (por ejemplo para un modal que contiene un ...
1
voto
1respuesta
117 vistas
Problema con inicializar Select en Materialize CSS
Es mi primera vez usando este framework, estoy intentado colocar un select, sin embargo no me aparece absolutamente nada más que el label y sobre puesto en el lugar donde esta el botón, si alguien me ...
0
votos
0respuestas
22 vistas
Modal de Materialize no abre/funciona en una plantilla
¿Que necesito?
En resumen, quiero que al dar click a una imagen se despliegue una especie de modal, de esta forma la imagen se vera mas amplia (usando Modal de materialize).
¿Que he intentado?
Tengo ...
0
votos
0respuestas
14 vistas
necesito seleccionar un rango de fechas para hacer un checkin y checkout en Materialize
Quiero que cuando el usuario elija la fecha de check in a su hotel, cuando elija el checkout se deshabiliten las fechas anteriores a la fecha seleccionada del checkin, vi el siguiente codigo, pero no ...
1
voto
1respuesta
62 vistas
Parallax de Materialize no funciona
Estoy intentando incluir el Parallax de Materialize, pero la imagen simplemente no aparece, pero sí se genera el espacio en donde debería estar.
He leído en un montón de sitios, incluso en ...
1
voto
0respuestas
29 vistas
Me aparece una “s” en el dom pero cuando reviso el .html esa “s” no está. Ayuda
Estoy trabajando en un proyecto, estoy usando materialize y laravel, en un titulo me aparece una "s" que no está escrita en el documento html, pero sin embardo, cuando lo miro en el ...
0
votos
1respuesta
32 vistas
Problema al agregar materialize a mi proyecto
tengo una consulta estuvo creando una pagina web con stack MERN, al que luego de crear una interfaz decidi agregar materialize para que sea mas facil llevar a cabo el diseño del sitio. Lo que ocurrio ...
0
votos
0respuestas
43 vistas
Error al cargar carousel de Materizalize “Cannot read property 'clientWidth' of undefined”
Buenos dias espero que esten bien y con buena salud. Tengo un problema y es que trato de mostrar un carousel de imagenes de la libreria de Materialize, pero me da el error "Cannot read property ...
1
voto
0respuestas
50 vistas
¿Cómo puedo cambiar el valor de un FormSelect?
Este es el HTML del select, está hecho con Materializecss.
<div class="col l4 s4">
{!! Form::label('tipo_diagnostico', 'Tipo Diagnóstico:') !!}
...
0
votos
0respuestas
16 vistas
Inicializar tabs en materialize
Este es el codigo de Materialize, pero no me funciona, ya quite el options y puse las propiedades que quiero cambiar pero dice que "el" no esta determinado
<script>
document....
0
votos
0respuestas
65 vistas
Dar formato a select múltiple
Quiero agregar un <select multiple> a mi HTML, pero no logro encontrar cómo cambiar su color de texto, de fondo, o tamaño de font. Traté en el div que lo contiene, pero sólo cambia el background....
1
voto
0respuestas
45 vistas
Problemas con el carousel de materialize
Hola que tal tengo un problema con el carousel de materialize ,
el caso es el siguiente tengo un carousel que debajo esta el navbar, el carousel solo muestra la mitad o solo una parte de la imagen tal ...
0
votos
1respuesta
40 vistas
Estoy tratando de mostrar más de 100 imagenes. No muestra las imagenes (más de 100) en un Carrusel de Materialize con JQuery
La imagen que adjunto es lo que se ve en el navegador Chrome.
No muestra las imágenes (más de 100) en un Carrusel de Materialize con JQuery. Quiero mostrar más de 100 imágenes.
Estoy comenzando con ...
1
voto
1respuesta
60 vistas
Problemas usando transiciones para navbar
Tengo un navbar que está en el medio de una página pero, al pulsar un botón que pertenece al navbar, quiero que se vaya arriba como un position: fixed top, pero con una transición o parecido a animate ...
0
votos
1respuesta
68 vistas
¿ Como saber si el accordion está abierto o cerrado?
Estoy tratando de saber cuando el accordion este "abierto" para cambiarle a la siguiente propiedad al elemento:
<li>
<div class="collapsible-header"><i class="material-icons">...
0
votos
1respuesta
46 vistas
Problemas de visualizacion con react y materialize
Buenas grupos tengo un problema de visualización con un carousel de materialize que implemento en react, estoy implementando un carousel con la plantilla de materialize el cual se muestra sin ningun ...
0
votos
1respuesta
134 vistas
Angular validaciones en formulario reactivo
Estoy aprendiendo a usar formularios reactivos con el siguiente tutorial enlace
Intente mostrar los mensajes de error de las validaciones, pero en la consola me muestra lo siguiente
ERROR TypeError:...
0
votos
0respuestas
15 vistas
Animaciones hacen que la pantalla se comporte de manera anómala
Estoy metiendo animaciones a una web que estoy haciendo. Me he percatado que hay un fallo para móviles, que provocan que se redimensione o haga scroll la pantalla de una manera extraña.
No encuentro ...
0
votos
1respuesta
857 vistas
Angular material - Visualizacion de una tabla y su paginacion
Estoy usando una tabla de angular-material y su paginación. Pero tengo un problema de la visualizacion de los mismos, porque la tabla aparece de un tamaño mucho menor a la paginacion. Como se puedever ...
0
votos
0respuestas
62 vistas
Problemas con Material Icons
hago la referencia correctamente:
<meta http-equiv="Content-Type" content="text/html">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<...
0
votos
0respuestas
41 vistas
Como instalar Materialize para que funcione con Vue.js en Laravel
actualmente trabajo con Laravel, Vue.js y Boostrap y todo funciona.
Pero cuando quiero usar Materialize, Vue.js deja de funcionar, pues Vue.js viene por defecto para trabajar con Boostrap y no sé que ...
1
voto
0respuestas
14 vistas
Materialize datepicker no funciona en ipad
Hola hace desde hace poco tiempo eh comenzado a utilizar materialize para un proyecto, hace tiempo me di cuenta que los input select no funcionan bien en ipad ya que al seleccionar uno se selecciona ...
2
votos
1respuesta
137 vistas
¿Como cambiar tabs en materialize sin utilizar JQuery?
Quiero cambiar de tabs pero sin utilizar JQuery, he instanciado los elementos utilizando M.AutoInit(); lo que quiero utilizar seria algo similar a esto:
$(document).ready(function(){
$('ul.tabs')....
4
votos
2respuestas
73 vistas
Arreglar descuadre foreach CSS
Estoy utilizando de framework Materialized, y me encuentro con este problema cuando a la hora de visualizar las tarjetas que quiero mostrar, sabeis que me esta faltanda para mostrar el orden correcto ...
1
voto
0respuestas
57 vistas
No cerrar Sidenav Materialize cuando se ejecute un clic por fuera
Estoy desarrollando un sidenav usando Materialize CSS el cual funciona muy bien.
Necesito que el sidenav no se cierre cuando el usuario de un click fuera de la pantalla, por defecto el sidenav de ...
0
votos
1respuesta
57 vistas
Desplegar botones con jQuery
Necesito agregar un efecto a un botón en mi html, que al posicionar el cursor se desplieguen otros dos botones hacia arriba con su animación y cuando retire el cursor, se vuelvan a esconder.
Sé que ...
0
votos
1respuesta
70 vistas
Desplegar elementos de forma similar a como Materialize lo hace
Quisiera agregar un efecto a un botón en mi html, que al posicionar el cursor se desplieguen otros dos botones hacia arriba con su animación (tipo adjuntar archivos como en Whatsapp Web) y cuando ...
2
votos
1respuesta
30 vistas
¿Cómo colocar un pop-up en el mismo sitio pero relativo a donde te encuentras?
Si tengo una <form> preparada que aparezca en modo "pop-up" cuando clicko el <div> con el id #popup_help
function openForm() {
document.getElementById('help-pop-up').style....
0
votos
1respuesta
81 vistas
ngModel de Angular no me toma la fecha seleccionada en el datepicker de Materialize
Actualmente trato de implementar materialize a un proyecto. Sin embargo a la hora de tomar el valor de fecha elegida a travez del datepicker y enviarlo, el valor de fecha no es enviado al revisar el ...
0
votos
2respuestas
446 vistas
¿Como puedo iniciar el componente del carousel con materialize?
Muy buenas, la pregunta es acerca de como puedo iniciar automáticamente haciendo pasar las imágenes de el carousel de materialize con vanilla javascript, el cual tengo montado según esta estructura
...
0
votos
1respuesta
30 vistas
Efecto JS Smooth Scroll me oculta la información debajo del Header
Estoy trabajando una pagina web estilo one page y ando creando un efecto de scroll suave el cual funciona muy bien cuando se le da clic en una etiqueta a con un ID, lo que pasa es que el header tiene ...
1
voto
1respuesta
661 vistas
Centrar formularios materialize
tengo problemas al centrar verticalmente el formulario usando materialize css, he probado usando los helper de la documentación como valing-wrapper pero no lo consigo.
<div class="col z-depth-...
1
voto
0respuestas
382 vistas
Responsive table con materialize css
estoy teniendo problemas al cuadrar la cabecera de una tabla responsive de materialize con su cuerpo cuando uso botones dentro de la tabla... ¿Alguien tiene idea de cómo puedo cuadrarla? Me estyp ...
1
voto
1respuesta
75 vistas
Label del input no se desliza al hacer click sobre el texto de la etiqueta
Tengo un input que se visualiza de la siguiente manera:
Cuando hago click justo encima del label Secuencia el input no desliza el label hacia arriba para conseguir el efecto de la imagen siguiente.
...
1
voto
0respuestas
25 vistas
Seleccione una pestaña específica en Materilize usando Jquery [cerrada]
Quiero seleccionar una pestaña a través de jquery y estoy haciendo lo siguiente:
$ (". tabs"). tabs ("select", "#tabId");
Pero no me funciona.
En la documentación de material aparece lo siguiente:
...
1
voto
3respuestas
52 vistas
Disabled no funciona, en materialize 1.0.0
Estoy tratando de deshabilitar un botón con la clase disabled, pero no lo deshabilita la versión de material es la v1.0.0.
<a class="col s6 left btn modal-trigger btn_my_ranking disabled" href=...
3
votos
1respuesta
298 vistas
No carga imagen en parallax con Materialize
Ando con un problema que no me carga la imagen en el parallax, ya probé de todo, si alguno me ayuda sería genial, inserto:
HTML:
<div class="parallax-container center valign-wrapper">
<...
1
voto
2respuestas
239 vistas
Integracion del modulo M de materialize Css con Angular 7 & TypeScript
Hola a toda la comunidad.....
Estoy teniendo un inconveniente con Typescript y Materialize Css, el tema es que necesito poner la funcionalidad o inicializacion de los elementos de materializeCss en ...
0
votos
2respuestas
246 vistas
Obtener valores de un select múltiple (Materialize)
mi problema es que no puedo o no se cómo obtener los valores de un select mútiple de Materialize V 0.100.2, si alguien pudiera explicarme o ayudarme, por favor, llevo esto, pero no me retorna nada!!:
...
1
voto
1respuesta
232 vistas
Paso automatico de input
me encuentro con el desarrollo de un proyecto en JavaScript, HTML y CSS, y tengo una duda. Os comento, estoy utilizando Materialize, y tengo una serie de inputs, los cuales necesito que se pasen ...
1
voto
0respuestas
24 vistas
tengo problema al ejecutar las “opciones” de sidenav de materializecss
Quiero ejecutar el side nav al cargar la página, según la documentación de materialize se puede ejecutando la función onOpenStart, pero no logró que funcione.
<script>
document....