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.
177
preguntas
9
votos
2
respuestas
2k
vistas
Oscurecer el fondo al clicar en botón flotante
Tengo un botón flotante con el que doy la opción de compartir mi página, al darle clic se despliegan las alternativas para hacerlo.
Lo que deseo lograr es que al hacer clic en dicho botón, se ...
5
votos
2
respuestas
813
vistas
Materialize - Implementar clase "materialboxed" en un link
Saludos...
La clase "Material box" del FW Materialize permite al usuario hacer clic en una imagen para centrarla y ampliarla. Para salir del efecto, el usuario puede hacer clic en la imagen de nuevo, ...
4
votos
1
respuesta
202
vistas
Problemas con button de material design de google
Tengo un button para subir imágenes en mi proyecto web; en Chrome y Microsoft Edge funciona, pero en Firefox no. Al dar clic debería de abrir la ventana para buscar la imagen a subir como lo hace en ...
4
votos
1
respuesta
5k
vistas
Como validar modal con inputs vacíos en Materialize
Buenos días, estoy trabajando con Materialize y estoy usando una ventana modal, pero dentro del modal tengo un input y quisiera validarlo en caso de que el input este vacío, no se cierre ...
4
votos
2
respuestas
112
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 ...
4
votos
1
respuesta
2k
vistas
¿Cómo ajustar contenido de DIV en diferentes resoluciones de pantalla?
Mi problema es que tengo una barra de navegación que tiene enlaces:
El problema es que cuando hago la pagina mas pequeña, pasa esto:
Lo que quiero logras es que se acomoden en filas, y que el div se ...
4
votos
1
respuesta
3k
vistas
Integrar Materialize css en Laravel 5.4
Alguien me podria decir como instalar, materialize css en mi proyecto hecho en laravel? Actualmente estoy trabajando con la version 5.4 de laravel
Hago esta pregunta, porque se que viene con bootstrap ...
4
votos
3
respuestas
237
vistas
Materialize with Array as DataSource
Estoy usando la función autocompletar de materialize, ¿Cómo hacer para utilizar un JSON local y llenar un select a partir de este?, En la documentación oficial, hay uno solo utilizando un objeto.
...
3
votos
1
respuesta
2k
vistas
No permitir seleccionar en Datepicker de materialize los días pasados
¿Cómo no permitir seleccionar en Datepicker de materialize los días pasados?
Actualmente tengo esto pero no me funciona
<script>
$( document ).ready(function(){
$('select').material_select()...
3
votos
1
respuesta
5k
vistas
¿Cómo integrar Jquery Datatables con materializecss?
Quiero usar datatables de jquery con materializecss, buscando documentación al respecto llegue a esta página http://demo.geekslabs.com/materialize/v2.1/layout03/table-data.html donde muestran un demo ...
3
votos
1
respuesta
792
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">
<...
3
votos
1
respuesta
183
vistas
Consulta css para ciertos tags
Tengo lo siguiente:
<html ng-app="app">
<head>
<title>aprobado</title>
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="...
3
votos
2
respuestas
662
vistas
¿Cómo configurar auto-completado de Materialize para filtrar por los primeros caracteres que coincidan?
Mi intención es configurar el filtro de materialize para que al digitar me traiga únicamente los datos que contengan los caracteres digitados al inicio de la cadena de texto.
Como se ve en la imagen (...
3
votos
0
respuestas
549
vistas
Como puedo agregar dos botones de siguiente y atras a una galeria en materialize CSS
Hola amigos tengo el siguiente codigo, utilizado el framework Materialize CSS alguien sabe como podria crear dos botones uno de atras y uno de adelante, ya vi toda su docs y la verdad no lo encuentro ...
2
votos
1
respuesta
321
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')....
2
votos
2
respuestas
6k
vistas
Aplicar función a evento de selección de option en Angular 4
Buenas tardes. Tengo un formulario en Angular 4 con una serie de select que deben rellenarse con consultas a una API Rest. En la consulta a la API, se envían parámetros del option marcado, para de ...
2
votos
3
respuestas
14k
vistas
Obtener el valor de un <select> con Vue.js
Mi problema es que no consigo obtener el valor que tiene el <select>, aunque le pongo el atributo v-modela la etiqueta <select> y que en internet encuentro que es la manera correcta, no me ...
2
votos
2
respuestas
1k
vistas
¿Como validar un switch e insertarlo en la base de datos si el dato en mi db es booleano?
Tengo un formulario al cual ingreso los datos del personal, pero para darle un aspecto mas elegante a la vista del usuario le he insertado un componente switch para 'validar' si ese 'personaje' estará ...
2
votos
1
respuesta
45
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....
2
votos
1
respuesta
748
vistas
MaterializeCSS no muestra los íconos
Estoy desarrollando un Landing Page con la librería MaterializeCSS dentro del menú quiero mostrar un ícono con <i class="materials-icons"></i> pero no los carga.
Mi código es el siguiente:...
2
votos
3
respuestas
8k
vistas
¿Cómo cargar un js externo en angular 2?
Estoy usando angular 2 junto con materialize he puesto los scripts tanto de materialize como los de jquery. El problema es que cuando corro la aplicación con npm start el diseño se me desordena en los ...
2
votos
0
respuestas
206
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 ...
2
votos
0
respuestas
35
vistas
Problema al pulsar sobre elemento de una coleccion
Me encuentro con un problema a la hora de pulsar sobre un elemento de una coleccion. Adjunto el código y os comento.
mostrarListaEjercicios:function(datos){
$('#listaEjercicios').remove();
if (...
1
voto
2
respuestas
240
vistas
¿Como puedo centrar este formulario materialize?
he tenido este problema con el framework css Materialize, estoy recién usándolo, tengo este formulario que quiero centrar, lo intenté con "center" como clase y como display:flex; justify-...
1
voto
7
respuestas
3k
vistas
¿Cerrar un modal usando JQuery y Materialize?
Hago de nuevo la pregunta porque con todas las respuestas que me dieron todavía no pude solucionar el problema, lo cual además me parece super extraño porque varias de las respuestas tienen mucha ...
1
voto
1
respuesta
1k
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
1
respuesta
579
vistas
Crear Estructura HTML Dinámicamente con JavaScript
Estoy intentando crear una estructura, con 3 Json que recibo. La estructura consta de Titulo, Subtitulo y Detalles.
Un Titulo puede tener varios subtitulos y un subtitulo puede tener varios detalles, ...
1
voto
1
respuesta
505
vistas
Marcar y desmarcar independientemente checkbox
Tengo dos checks, que funcionan mal, marca y desmarca desde el segundo check al primero, quiero que funcionen independientemente.
<script src="https://cdnjs.cloudflare.com/ajax/libs/...
1
voto
1
respuesta
3k
vistas
AngularJS: Editar item de un Table en un Modal
Estoy trabajando en un proyecto pequeño con una back-end Java y front-end con AngularJS y Materialize.
Ya tengo todo el back-end funcionando (probado con Rest-client), el problema que tengo en este ...
1
voto
1
respuesta
53
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 ...
1
voto
1
respuesta
142
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 ...
1
voto
1
respuesta
152
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
1
respuesta
68
vistas
input range materialize no me toma el valor de una variable php
<?php
$estatus = $resultado['status'];
echo '<p class="range-field">
<input type="range" value= "$estatus" disabled>
</p>';
echo $estatus;
?>
uso la ...
1
voto
1
respuesta
51
vistas
Como logro hacer que mi boton no pierda funcionalidad despues de agregarlo con append en jquery
Con esto agrego una fila a mi tabla esta fila contiene datos y botones. Pero los botones dejan de funcionar me toca recargar la pagina para que funcionen.
como hago para que funcionen sin recargar la ...
1
voto
3
respuestas
820
vistas
Identificar checkbox al darle clic
Estoy generando una estructura dinámicamente, que obtengo a partir de un json. Tiene la función que al darle clic en el nombre del usuario mostrara otro card en el que tengo 3 checkbox.
El problema ...
1
voto
3
respuestas
391
vistas
Como puedo renombrar el nombre de un elemento tab en materializecss?
Hola gente de Stackoverflow, espero que tengan un gran día. Estoy trabajando en un proyecto y tengo que usar los elementos tabs del framework Materializecss (un framework de material design). ...
1
voto
1
respuesta
107
vistas
El carrusel no renderiza cuando me muevo en las paginas con react-router
Estoy haciendo una pagina, de tipo ecommerce. Recién empiezo con react y un framework de css. Está en estado de desarrollo.
Estoy usando MaterializeCSS, webpack y babel.
El carrusel funciona bien ...
1
voto
1
respuesta
619
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 ...
1
voto
1
respuesta
179
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
1
respuesta
676
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
3
respuestas
796
vistas
No reproducir video cuando se cierre modal
Cordial Saludo.
Tengo un modal con materialize css y dentro de el muestro un video, lo que sucede es que al cerrar el modal el video se queda reproduciendo por debajo, necesito que cuando el modal ...
1
voto
1
respuesta
2k
vistas
Como cargar correctamente un Select de Materialize 1.0 desde JQuery?
Al aplicar la clase browser-default se cargan los option correctamente, pero no logro trabajar con el select de materialize cargando option desde jquery.
<div class="input-field col s6 m4 l4">
...
1
voto
1
respuesta
364
vistas
Como superponer un texto contenido dentro del sistema de columnas de Materialize
Aquí detallo mi pregunta. Estoy haciendo una página web donde tengo una imagen de fondo pero al colocar un texto con el sistema de de columnas (grid) que proporciona materialize este me queda por ...
1
voto
1
respuesta
324
vistas
Cambiar color a accordion de Materializecss
Tengo un accordion de Materialize que al hacer click muestra una tabla, lo que quiero hacer es que al dar en el "títutlo" (el div que tiene la clase collapsible-header) se cambie la clase de color de ...
1
voto
1
respuesta
37
vistas
Convertir texto a fecha
Hola estoy trabajando con materialize css, y obviamente JS, quiero convertir una cadena cuyo formato es este: Mar 12, 2018 quiero convertir eso a Date para poder almacenarlo en la BBDD como Date.
1
voto
2
respuestas
8k
vistas
Rellenar select en Angular con resultados de consulta a una API
Estoy realizando una aplicación con Angular 4 y usando Materialize CSS. Mi objetivo es: al cargarse un determinado componente se realiza una consulta HTTP que extrae unos datos, que rellenarán de ...
1
voto
2
respuestas
3k
vistas
¿Cómo puedo desmarcar un <option> de un select múltiple cuando marque otro <option> de ese mismo select?
Estoy haciendo un formulario que posee varios select, unos simples y otros múltiples. Los valores que se seleccionan en esos select aparecen en un span en forma de texto.
Tengo el siguiente código:
...
1
voto
1
respuesta
2k
vistas
Como Usar imagen de Background en una columna de Materialize
Buenas a todos, mi duda es como debo hacer para poner una imagen de background en una columna de materialize.
Por ejemplo supongamos que quiero una seccion con mitad una imagen y mitad un texto ...
1
voto
2
respuestas
974
vistas
definir variables dinamicas en jQuery, con Thymeleaf
Buenas,
Estoy tratando de llamar de forma dinámica a los "id" en los tags con el "th:each", de la siguiente manera.
<div th:each="alumno : ${alumnos}" class="row" th:id="'card_' + ${alumno.id}" ...
1
voto
1
respuesta
867
vistas
Habilitar y deshabilitar un ModelChoiceField con django-material (Materializecss) en Django
Buenas tardes, soy algo nuevo en Django, y estoy intentando crear una web con un diseño de Material design, usando django-material, un paquete para los formularios en Django que aplican este estilo, y ...