Foros
Nuevos mensajes
Buscar en foros
Novedades
Nuevos mensajes
Nueva media
Nuevos comentarios media
Media
Nueva media
Nuevos comentarios
Buscar media
Acceder
Registrarse
Novedades
Buscar
Buscar
Buscar sólo en títulos
De:
Nuevos mensajes
Buscar en foros
Menú
Acceder
Registrarse
Install the app
Instalar
Foros
Otros
Otros Temas
Automatización de una casa
JavaScript está desactivado. Para una mejor experiencia, hay que activar JavaScript en el navegador antes de proceder.
Estás usando un navegador obsoleto. No se pueden mostrar este u otros sitios web correctamente.
Se debe actualizar o usar un
navegador alternativo
.
Responder al tema
Mensaje
<blockquote data-quote="Skylined" data-source="post: 128280" data-attributes="member: 1"><p>No es complicado, menos cuando hay que hacerlo varias veces y le agarrás la mano. <img src="/styles/default/xenforo/smilies/smiley.gif" class="smilie" loading="lazy" alt=":)" title="Sonrisa :)" data-shortname=":)" /></p><p></p><p>La verdad es que los tutoriales que encontré en YouTube son demasiado largos, así que resumo.</p><p></p><p></p><p>Hay que usar las tarjetas llamadas <strong>Grid</strong>.</p><p></p><p>1. Seleccionar 1 columna</p><p>2. Desmarcar <strong>Render cards as squares</strong>, esto hace que las cosas o botones ocupen menos espacio, dependiendo como quieran que se vea, se puede dejar habilitado o deshabilitado, prueben y vean la opción que mejor les guste.</p><p>3. Pueden seleccionar la cantidad de columnas que van a tener, en este caso, usé solo una, pero en el otro Grid que hice para los sensores, usé 2.</p><p>4. Render cards as squares, a gusto, al igual que en el punto 2.</p><p>5. Agreguen lo que les guste, en este ejemplo la primera tarjeta es un <strong>Weather Forecast </strong>y la segunda un <strong>Webpage</strong></p><p></p><p>Para la parte de <strong>Webpage</strong>, pueden crear un <a href="https://www.windy.com/-Embed-widget-on-page/widgets?-34.858,-56.170,5" target="_blank">Widget en Windy</a>, una vez que lo tengan, copien lo que aparece en el campo <strong>Embed this HTML code to your page</strong>, quédense <strong>solo </strong>con la parte de la URL, eliminen el resto y péguenlo en la parte de URL de la tarjeta.</p><p></p><p>Dejo el que usé.</p><p><a href="https://embed.windy.com/embed2.html?lat=-33.321&lon=-56.338&detailLat=-33.386&detailLon=-55.887&width=650&height=450&zoom=5&level=surface&overlay=rain&product=ecmwf&menu=&message=true&marker=&calendar=now&pressure=&type=map&location=coordinates&detail=&metricWind=km%2Fh&metricTemp=%C2%B0C&radarRange=-1" target="_blank">https://embed.windy.com/embed2.html?lat=-33.321&lon=-56.338&detailLat=-33.386&detailLon=-55.887&width=650&height=450&zoom=5&level=surface&overlay=rain&product=ecmwf&menu=&message=true&marker=&calendar=now&pressure=&type=map&location=coordinates&detail=&metricWind=km/h&metricTemp=°C&radarRange=-1</a></p><p></p><p></p><p>[ATTACH]26799[/ATTACH] [ATTACH]26800[/ATTACH]</p><p></p><p></p><p></p><p>En este caso, el primer <strong>Grid</strong>, que es el contenedor principal, tiene <strong>1 columna</strong>.</p><p>Dentro de ese contenedor, hay otro<strong> Gird de 2 columnas</strong> (por eso los sensores se ven de a dos, lado a lado)</p><p>Dentro del <strong>Grid de 2 columnas</strong>, puse los <strong>8 sensores</strong> usando las tarjetas tipo <strong>Gauge</strong></p><p>En cada Gauge habilité la opción Define Severity, para poder configurar los umbrales para que dependiendo el valor, el color que van a tener (verde, amarillo o rojo).</p><p></p><p><strong>[ATTACH]26801[/ATTACH]</strong></p></blockquote><p></p>
[QUOTE="Skylined, post: 128280, member: 1"] No es complicado, menos cuando hay que hacerlo varias veces y le agarrás la mano. :) La verdad es que los tutoriales que encontré en YouTube son demasiado largos, así que resumo. Hay que usar las tarjetas llamadas [B]Grid[/B]. 1. Seleccionar 1 columna 2. Desmarcar [B]Render cards as squares[/B], esto hace que las cosas o botones ocupen menos espacio, dependiendo como quieran que se vea, se puede dejar habilitado o deshabilitado, prueben y vean la opción que mejor les guste. 3. Pueden seleccionar la cantidad de columnas que van a tener, en este caso, usé solo una, pero en el otro Grid que hice para los sensores, usé 2. 4. Render cards as squares, a gusto, al igual que en el punto 2. 5. Agreguen lo que les guste, en este ejemplo la primera tarjeta es un [B]Weather Forecast [/B]y la segunda un [B]Webpage[/B] Para la parte de [B]Webpage[/B], pueden crear un [URL='https://www.windy.com/-Embed-widget-on-page/widgets?-34.858,-56.170,5']Widget en Windy[/URL], una vez que lo tengan, copien lo que aparece en el campo [B]Embed this HTML code to your page[/B], quédense [B]solo [/B]con la parte de la URL, eliminen el resto y péguenlo en la parte de URL de la tarjeta. Dejo el que usé. [URL='https://embed.windy.com/embed2.html?lat=-33.321&lon=-56.338&detailLat=-33.386&detailLon=-55.887&width=650&height=450&zoom=5&level=surface&overlay=rain&product=ecmwf&menu=&message=true&marker=&calendar=now&pressure=&type=map&location=coordinates&detail=&metricWind=km%2Fh&metricTemp=%C2%B0C&radarRange=-1']https://embed.windy.com/embed2.html?lat=-33.321&lon=-56.338&detailLat=-33.386&detailLon=-55.887&width=650&height=450&zoom=5&level=surface&overlay=rain&product=ecmwf&menu=&message=true&marker=&calendar=now&pressure=&type=map&location=coordinates&detail=&metricWind=km/h&metricTemp=°C&radarRange=-1[/URL] [ATTACH alt="1621978909715.png"]26799[/ATTACH] [ATTACH alt="1621979619068.png"]26800[/ATTACH] En este caso, el primer [B]Grid[/B], que es el contenedor principal, tiene [B]1 columna[/B]. Dentro de ese contenedor, hay otro[B] Gird de 2 columnas[/B] (por eso los sensores se ven de a dos, lado a lado) Dentro del [B]Grid de 2 columnas[/B], puse los [B]8 sensores[/B] usando las tarjetas tipo [B]Gauge[/B] En cada Gauge habilité la opción Define Severity, para poder configurar los umbrales para que dependiendo el valor, el color que van a tener (verde, amarillo o rojo). [B][ATTACH alt="1621980068028.png"]26801[/ATTACH][/B] [/QUOTE]
Insertar citas...
Verificación
¿Cuál es la flor nacional de nuestro país?
Responder
Foros
Otros
Otros Temas
Automatización de una casa
Arriba
