Custom Template (Mobile View)

PHPMaker General Discussion (PHPMaker)
1

Hi All,I have a simple issue. (v2023)Whenever I create a custom template for an add page, 2 divs with the class “ew-add-div” are generated hence the form becomes.
If I uncheck the “use tablular form for desktop” option , the issue occurs on desktop as well.
The content appears on the 2nd “add div” leaving a huge chunk of space above it.
Any hints on how this can be resolved?

2

You may post your Custom Template code for more discussion.

3

Here is a sample of an add/page custom template:

<div class="row">
    <div class="col-12">
        {{{source}}}
    </div>
</div>
<div class="row">
    <div class="col-12">
        {{{destination}}}
    </div>
</div>
<div class="row">
    <div class="col-12">
        {{{delivery_date_time}}}
    </div>
</div>
<div class="row">
    <div class="col-6">
        {{{req_type}}}
    </div>
    <div class="col-6">
        {{{del_status}}}
    </div>
</div>
<div class="row">
    <div class="col-6">
        {{{distance}}}
    </div>
    <div class="col-6">
        {{{cost}}}
    </div>
</div>

What is it that I am missing?

4

You may inspect HTML element and add your own CSS styles to adjust the layout of your Custom Template layout.

5

Hi, I have the same problem with custom template. It’s not a HTML element or layout problemI resolved it by adding this code in Clients Scripts/Global/Pages with header/footer/Startup Script :

/**
 * Write your global startup script here, no need to add script tags.
 * Note: JAVASCRIPT ONLY. DO NOT mix PHP and JavaScript.
 */

$(document).ready(function() {
if ($( ".ew-custom-template" ) && $( ".ew-custom-template" ).length ) 
{
if ($( ".ew-add-div" ) && $( ".ew-add-div" ).length ) 
 $('.ew-add-div').hide();
}
});

Hope this helps :wink: