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 6 años, 1 mes por Pedro Amaro. This post has been viewed 1158 times

Mostrando 0 respuestas a los debates

Autor

Entradas

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 0 respuestas a los debates

Debes estar registrado para responder a este debate.