I can't line up the fields in the layout. Is it possible the form to look as per the attached?

  • Profile Image
    Nik_C
    Answered on December 21, 2018 at 04:06 AM

    You have conditions 5,6 and 7 that have accumulated field involved, so if those conditions aren't true, the field will show:

    15453830802018-12-21_10-03-22.png


    So it will require reconfiguring the show/hide conditions in your form so it will work as expected.

    Let us know if you have any further questions.

    Thank you!

  • Profile Image
    jorgevdynaton
    Answered on January 02, 2019 at 05:43 PM

    Hi Nik, thanks for your answer. I'll review my conditions to fix this up.

    On the other hand, my main interest is to have a certain template design. So I am trying to line up "% Erect", "Erect Rate", "Total SQM", "Total Claimed", "Prev Claimed", "This Claim" as per my attached image (actually the image was edited in paint to show how I wanted to line up the fields). I've tried many ways to do it, even using the advanced designer CSS window, but I can't fix it. Would you be able to help me?

    Thanks

    Jorge

  • Profile Image
    jherwin
    Answered on January 02, 2019 at 09:39 PM

    Give me more time to check for possible CSS code for this and I will update you via this thread.

  • Profile Image
    jherwin
    Answered on January 04, 2019 at 04:32 AM

    Please inject this custom CSS code to your form:

    #label_4.form-label.form-label-right {

        margin-left : 200px;

        margin-top : -100px!important;

    }

        margin-left : 200px;

        margin-top : -93px!important;

    }

    #label_10.form-label.form-label-right {

        margin-left : 200px;

        margin-top : -87px!important;

    }

     #input_4.form-textbox {

        margin-left: 360px;

        margin-top: -114px!important;

        float: left;

    }

    #input_8.form-textbox {

        margin-left: 360px;

        margin-top: -106px!important;

        float: left;

    }

    #input_10.form-textbox {

        margin-left: 360px;

        margin-top: -101px!important;

        float: left;

     

    }

    Guide: How to Inject Custom CSS Codes.

    Result screenshot:
    1546594321result2.png

    Please give it a try and let us know how it goes.