Agregar boton a wCard en class="card-action" ?

Acceder Darse de alta He olvidado la contraseña

Topic Resolution: Resolved

Este debate tiene 1 respuesta, 2 mensajes y ha sido actualizado por última vez el 4 años, 1 mes por Pedro Amaro. This post has been viewed 606 times

Mostrando 1 respuesta al debate

Autor

Entradas

03-10-2020 a las 15:25 #904

Gabriel Ornelas
Participante

Hola,

Usando la propiedad :aLinks en wCard, nefele me pone el siguiente codigo

<div class="card-action"> <a href="http://localhost:1080/og_mobile?Desayunos" rel="nofollow">NUESTROS DESAYUNOS</a>; </div>

1
2
3

<div class="card-action">
<a href="http://localhost:1080/og_mobile?Desayunos" rel="nofollow">NUESTROS DESAYUNOS</a>;
</div>

Si quito la propiedad :aLinks de wCard me deja el <div> vacio pues no hay ninguna accion

<div class="card-action"> </div>

1
2

<div class="card-action">
</div>

Ahora mi pregunta es la siguiente como le digo a nefele que quiero incrustar dentro de <div class="card-action"> un enlance en boton

<div class="card-action"> <a href="http://localhost:1080/og_mobile?Desayunos" rel="nofollow">Desayunos</a> </div>

1
2
3

<div class="card-action">
<a href="http://localhost:1080/og_mobile?Desayunos" rel="nofollow">Desayunos</a>
</div>

Lo que quiero hacer es como esta en la siguiente imagen

03-10-2020 a las 16:06 #955

Pedro Amaro

Superadministrador

Efectivamente, se nos quedo atrás esa posibilidad, en la nueva distribución de Néfele que publicaremos este fin de semana ya se contempla la posibilidad de utilizar un wCard como contenedor de controles, estos se colocaran en la parte baja en el div card-action, justo antes que los links (si los hay).

      //Card con imagen, links, textos y un wButton
      with object WCard():New( :WO )
         :cId               := "card"
         :cTitle            := "Esto es una Card de Nefele"
         :cText             := "Puede contener un texto muy extenso que se repartirá por el card de forma que quedará ajustado a la anchura."
         :cImage            := "https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6b6b4e9a-1af0-4896-aa2c-56c032bcedc7/d8hg5m2-fe374e71-166f-4ef0-8306-32c7317cbd7c.jpg/v1/fill/w_900,h_900,q_75,strp/nefele_by_francescapoliti_d8hg5m2-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9OTAwIiwicGF0aCI6IlwvZlwvNmI2YjRlOWEtMWFmMC00ODk2LWFhMmMtNTZjMDMyYmNlZGM3XC9kOGhnNW0yLWZlMzc0ZTcxLTE2NmYtNGVmMC04MzA2LTMyYzczMTdjYmQ3Yy5qcGciLCJ3aWR0aCI6Ijw9OTAwIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.l2eIBu6c9jf0lkbzO9xYZI1Vk2wEs_vObawdENYOFOY"
         :cClrText          := "white-text"
         :cClrPane          := "blue-grey darken-1"
         :aLinks            := { { "Xailer","http://www.xailer.com" }, { "Google","https://www.google.es" }, { "Materialize","https://materializecss.com" } }
         :aWidth[ xc_S ]      := 12
         :aWidth[ xc_M ]      := 8
         :aOffset[ xc_M ]     := 2
         :lHorizontal       := .F.
         :lShowFocus        := .T.
         With Object WButton():New(:WO)
            :cId           := "boton"
            :cText         := "Texto del button"
            :cOnClick      := "Action del button"
            :cIcon         := "apps"
            :lLarge        := .T.
            :Create()
         End With
         With Object WSeparator():New(:WO)
            :lBR  := .T.
            :Create()
         End With
         :Create()
      End With

//Card con imagen, links, textos y un wButton

with object WCard():New( :WO )

:cId := "card"

:cTitle := "Esto es una Card de Nefele"

:cText := "Puede contener un texto muy extenso que se repartirá por el card de forma que quedará ajustado a la anchura."

:cImage := "https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6b6b4e9a-1af0-4896-aa2c-56c032bcedc7/d8hg5m2-fe374e71-166f-4ef0-8306-32c7317cbd7c.jpg/v1/fill/w_900,h_900,q_75,strp/nefele_by_francescapoliti_d8hg5m2-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9OTAwIiwicGF0aCI6IlwvZlwvNmI2YjRlOWEtMWFmMC00ODk2LWFhMmMtNTZjMDMyYmNlZGM3XC9kOGhnNW0yLWZlMzc0ZTcxLTE2NmYtNGVmMC04MzA2LTMyYzczMTdjYmQ3Yy5qcGciLCJ3aWR0aCI6Ijw9OTAwIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.l2eIBu6c9jf0lkbzO9xYZI1Vk2wEs_vObawdENYOFOY"

:cClrText := "white-text"

:cClrPane := "blue-grey darken-1"

:aLinks := { { "Xailer","http://www.xailer.com" }, { "Google","https://www.google.es" }, { "Materialize","https://materializecss.com" } }

:aWidth[ xc_S ] := 12

:aWidth[ xc_M ] := 8

:aOffset[ xc_M ] := 2

:lHorizontal := .F.

:lShowFocus := .T.

With Object WButton():New(:WO)

:cId := "boton"

:cText := "Texto del button"

:cOnClick := "Action del button"

:cIcon := "apps"

:lLarge := .T.

:Create()

End With

With Object WSeparator():New(:WO)

:lBR := .T.

:Create()

End With

:Create()

End With

Autor

Entradas

Mostrando 1 respuesta al debate

Debes estar registrado para responder a este debate.