Add a Header above the Form Tab Widget

  • Profile Image
    ccureslife
    Asked on February 26, 2016 at 06:08 PM

    How can I get my header to appear above the tabs on my form? The widget didn't seem to help make that happen.

  • Profile Image
    Huberson
    Answered on February 26, 2016 at 07:22 PM

    The 'Form Tabs' Widget offers this option and can be accessed by clicking the wizard icon, from there simply set 'Allow the Form Heading to be shown above the tabs?' to yes.

    Another option is to add the image as a Cover from Designer.  

    Here's how:

    - Go to Designer, under 'DESIGN' select 'FORM COVER' then upload the image you want to add

    - Adjust the size as desired

    - Position the cover image using 'Position' and 'Top Position'

     

    If you want the background of the Form to be the same as of Header image add bellow snippet under 'CSS' tab from Designer.

     

    .form-all:before {

        background-color: rgb(105, 156, 239);

     

    }

     

    You can view the form with the second option applied HERE.

     

    Thanks!

     

  • Profile Image
    ccureslife
    Answered on February 29, 2016 at 11:11 AM

    I tried the Forms Tab Widget but it didn't change anything. I was able to do the second way. Thanks, I would suggest working on the widget option though because it appears to be broken.

  • Profile Image
    Huberson
    Answered on February 29, 2016 at 11:39 AM

    We are glad to hear it works!

    The problem you faced with the widget might have been temporary. Though, we will let our developers know about it in case it behaves the same.

     

    Thanks!