• Resolved wilfried1954

    (@wilfried1954)


    Hello,

    I have calculated fields with several pages. On some of them I have a extra button to generate a report. Is it possible to put the button next to the right of the “previous” / “next” buttons of the form?

    Thank you, Wilfried

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @wilfried1954

    You can play with the styles, but depends on the form’s structure.

    For example, assign to these button fields a custom class name, for example: my-button

    Note: the class names are assigned to the fields through their attributes “Add CSS Layout Keywords”

    and then, enter the following style definition, into the “Customize Form Design” attribute in the “Form Settings” tab:

    
    #fbuilder{position:relative;}
    #fbuilder .my-button{position: absolute; bottom: 5px; right: 5px;}
    

    Best regards.

    Thread Starter wilfried1954

    (@wilfried1954)

    Thank you, this is what I look for, but I’m not good in CSS. Can you help a little more? See: https://familialebemiddeling.net/docs/button.png is what your example does and what I try to do?

    thanks in advance

    Plugin Author codepeople

    (@codepeople)

    Hello @wilfried1954 ,

    Try with the following style definition:

    
    #fbuilder{position:relative;}
    #fbuilder .my-button{position: absolute; bottom: 5px; left: 210px;}
    

    Best regards.

    Thread Starter wilfried1954

    (@wilfried1954)

    yes thank you. One question, see: https://familialebemiddeling.net/docs/button2.png

    Can I make the button vertical centered with your buttons? now it is aligned bottom. OR make the height the same?

    Plugin Author codepeople

    (@codepeople)

    Hello @wilfried1954

    If you want to apply the same appearance, you should to define the styles of the button, similar to:

    
    #fbuilder .my-button input{
    border: 0 !important;    background: #ccc;    padding: 5px 20px;
    }
    

    If you need a custom coding service to modify the appearance of your form, do not hesitate in contact through my private website.

    Best regards.

    Thread Starter wilfried1954

    (@wilfried1954)

    Thank you! I really have to learn a bit css 😉 Your plugin is great, and your service is great!!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘put a button next to prev/next page buttons’ is closed to new replies.