Remove Gap between Fields.

[Hemanth Naik]

Hello everyone, I have a requirement 

I have a field "category" when form loads initially its value is "none" .so I am trying this scenario when category value changes to other ". I want to hide Description and short description fields. I have written a client script to hide them and remove the gap between the fields but as the fields are in different sections the gap is not clearing. Can any one please help How to remove gap between them.

code:

function onChange(control, oldValue, newValue, isLoading, isTemplate) {

    if (isLoading ) {

        return;

    }

    if (newValue == 'Other') {

        g_form.setDisplay('description', false);

        g_form.setDisplay('short_description', false);

    }

    else{

        g_form.setDisplay('description', true);

        g_form.setDisplay('short_description', true);

    }

}

[Dr Atul G- LNG]

Hi @Hemanth Naik 

You can use UI policy for this , also it will not overcome the empty spaces. It is by design.

[Hemanth Naik]

Hi @Dr Atul G- LNG ,

Checked with Ui Policies also but not able to clear the space. As you it is OOB, can't we achieve this by any chance?

[Dr Atul G- LNG · Accepted solution]

Hi @Hemanth Naik 

UI policy i mentioned to avoid client script. There is no way to overcome this space, as we are hiding attribute not removing so it will be still there.

[Anubhav24]

Hi @Hemanth Naik ,

Ideally setDisplay removes the gap , any chance some other logic is also implemented on the same field and it might be conflicting with the script, also check the UI type of the script.

I tried your script in my PDI and it is working totally fine.

Please mark my response correct/helpful if it helped you.