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

  • jorgevdynaton
    Asked on December 20, 2018 at 11:58 PM
  • Nik_C
    Replied on December 21, 2018 at 4: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 Screenshot 10


    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!

  • jorgevdynaton
    Replied on January 2, 2019 at 5: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

  • jherwin
    Replied on January 2, 2019 at 9:39 PM

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

  • jherwin
    Replied on January 4, 2019 at 4: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 Screenshot 10

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