• ENTRAR
  • No hay productos en el carrito.

boton Add Listado de recetas-> FABs o usar CSS

Viendo 4 publicaciones - del 1 al 4 (de un total de 4)
  • Autor
    Publicaciones
  • #2114

    Ariel Gonzalo Rama
    Participante

    Quizá sea algo trivial, pero viendo el video “Listado de recetas” para crear el botón flotante que añade las recetas se le añadir un CSS personalizado, cuando esta la posibilidad de usar:


    ion-fab <span class="nt" style="box-sizing: border-box; color: #000080; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 13px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: pre; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;"><span class="hljs-tag" style="box-sizing: border-box; color: #009999;"><<span class="hljs-title" style="box-sizing: border-box; color: #445588; font-weight: bold;">button</span></span></span> <span class="na" style="box-sizing: border-box; color: #008080; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 13px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: pre; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;"><span class="hljs-tag" style="box-sizing: border-box; color: #009999;"><span class="hljs-attribute" style="box-sizing: border-box; color: #0086b3;">ion-fab</span></span></span> <span class="na" style="box-sizing: border-box; color: #008080; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 13px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: pre; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;"><span class="hljs-tag" style="box-sizing: border-box; color: #009999;"><span class="hljs-attribute" style="box-sizing: border-box; color: #0086b3;">mini</span></span></span><span class="nt" style="box-sizing: border-box; color: #000080; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 13px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: pre; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;"><span class="hljs-tag" style="box-sizing: border-box; color: #009999;">></span><span class="hljs-tag" style="box-sizing: border-box; color: #009999;"><<span class="hljs-title" style="box-sizing: border-box; color: #445588; font-weight: bold;">ion-icon</span></span></span> <span class="na" style="box-sizing: border-box; color: #008080; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 13px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: pre; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;"><span class="hljs-tag" style="box-sizing: border-box; color: #009999;"><span class="hljs-attribute" style="box-sizing: border-box; color: #0086b3;">name</span>=</span></span><span class="s" style="box-sizing: border-box; color: #dd1144; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 13px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: pre; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;"><span class="hljs-tag" style="box-sizing: border-box; color: #009999;"><span class="hljs-value" style="box-sizing: border-box; color: #dd1144;">"add"</span></span></span><span class="nt" style="box-sizing: border-box; color: #000080; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 13px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: pre; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;"><span class="hljs-tag" style="box-sizing: border-box; color: #009999;">></span><span class="hljs-tag" style="box-sizing: border-box; color: #009999;"></<span class="hljs-title" style="box-sizing: border-box; color: #445588; font-weight: bold;">ion-icon</span>></span><span class="hljs-tag" style="box-sizing: border-box; color: #009999;"></<span class="hljs-title" style="box-sizing: border-box; color: #445588; font-weight: bold;">button</span>></span></span>

    Aun no conozco mucho de ionic, por eso consulto si hay alguna diferencia importante en un método y el otro.

    Muchas gracias

    #2118

    Cursosdesarrolloweb
    Jefe de claves

    Hola Gonzalo,

    En Ionic 2 tenemos los botones fab (Floating Action Buttons), y son justamente para eso, pero al estar en una versión rc a veces nos encontramos con problemas en el desarrollo.

    Es recomendable utilizar ese tipo de botones en lugar de escribir nosotros el css, pero realmente ambas formas funcionan.

    Por favor, utiliza las etiquetas code para escribir código y que sea legible, de otra forma no te podré ayudar ni yo ni nadie.

    Saludos y gracias, espero que haya quedado resuelta tu duda.

    #2208

    Ariel Gonzalo Rama
    Participante

    Gracias si , me quedó claro, te comento que quise editar el post para que se lea bien pero no he podido, no tengo la opción de edición. Saludos.

    #2209

    Cursosdesarrolloweb
    Jefe de claves

    No hay problema, es normal, me pasa hasta a mi 🙂

    Saludos.

Viendo 4 publicaciones - del 1 al 4 (de un total de 4)

Debes estar registrado para responder a este debate.

Síguenos en las redes sociales para estar al tanto de los últimas novedades :)

Facebook
Facebook
Google+
Google+
https://www.cursosdesarrolloweb.es/forums/topic/boton-add-listado-de-recetas-fabs-o-usar-css">
YOUTUBE
Pinterest
Pinterest
top
Cursosdesarrolloweb ©. Todos los derechos reservados.
MASTER VUEJS, 4 cursos para hacerte experto en Vuejs 2 por el precio de 2Más información
+ +

Login

Create an Account Back to login/register