Navigation

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular

    Customização de botão

    Formulários e Componentes
    2
    2
    123
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • T
      tinhopvh last edited by

      gostaria saber como funciona a customização do componente botão, por exemplo, como faz para deixa o botão neste formato
      d6e37e1d-cb4c-4c8d-882b-c1e7f835efad-image.png

      dngadelha 1 Reply Last reply Reply Quote 0
      • dngadelha
        dngadelha @tinhopvh last edited by dngadelha

        Olá, @tinhopvh

        Esse tipo de customização dos componentes é feita pelo CSS.

        Nesse botão por exemplo, está no arquivo CSS do template em assets\skins\Abas.css dentro do contexto do Webrun.

        #btnLogin,
        #btnLogin button {
            border-top-left-radius: 63%;
            border-bottom-left-radius: 63%;
            display: block !important;
            box-shadow: none !important;
        }
        

        O Maker também permite você inserir o CSS diretamente no seu formulário também através das propriedades de CSS nos componentes e no próprio formulário.

        07d700ee-c8a0-4dd2-9dda-940e16bb9b39-image.png
        Propriedade Classe (CSS) no formulário


        05b61ab6-bcdd-47ff-9c8c-feb7f4e68625-image.png
        Propriedades Estilo (CSS) e Nome da Classe (CSS) no componente


        d554f9e8-6205-43ef-bd02-ea905b9ed890-image.png
        Editor CSS dentro do Maker

        1 Reply Last reply Reply Quote 1
        • First post
          Last post