Extra space below field editors

  • 1
  • Problem
  • Updated 4 years ago
  • In Progress
I am having a page with few field editors (had to use field editors instead of different sections to guarantee sorting order of records based on record type).

The issue is some field editors gets huge blank space below it. I revised the XML of this field editor compared to others who don't have the pace and couldn't find anything.

Any work around or other component I should use ?

Photo of Amr

Amr

  • 256 Points 250 badge 2x thumb

Posted 4 years ago

  • 1
Photo of Zach McElrath

Zach McElrath, Employee

  • 49,056 Points 20k badge 2x thumb
Are the Field Editors inside of a Panel Set, with mode set to Vertical Panels?
Photo of Amr

Amr

  • 256 Points 250 badge 2x thumb
Hi Zach,

Thanks for your reply. I am using 3 field editors below each other and space just appear under one of them.

Attaching the XML of the 3 field editors for your reference.

Thanks,
Amr

<basicfieldeditor showheader="true" showsavecancel="false" model="ApplicationChecks" buttonposition="" mode="readonly" layout="" cssclass="r-fieldeditor">                     <columns>
                        <column width="100%" cssclass="">
                           <sections>
                              <section title="Asic" collapsible="no">
                                 <fields>
                                    <field id="R_Comments__c" valuehalign="" type="">
                                       <renderconditions logictype="and" onhidedatabehavior=""/>
                                    </field>
                                 </fields>
                                 <renderconditions logictype="and"/>
                              </section>
                           </sections>
                           <renderconditions logictype="and">
                              <rendercondition type="fieldvalue" operator="=" enclosevalueinquotes="true" fieldmodel="ApplicationChecks" sourcetype="fieldvalue" field="RecordType.DeveloperName" value="Asic"/>
                           </renderconditions>
                        </column>
                     </columns>
                     <renderconditions logictype="and"/>
                  </basicfieldeditor>
                  <basicfieldeditor showheader="true" showsavecancel="false" model="ApplicationChecks" buttonposition="" mode="readonly" layout="" cssclass="r-fieldeditor">
                     <columns>
                        <column width="100%" cssclass="">
                           <sections>
                              <section title="Dun and Bradstreet" collapsible="no">
                                 <fields>
                                    <field id="R_Comments__c" valuehalign="" type="">
                                       <renderconditions logictype="and" onhidedatabehavior=""/>
                                    </field>
                                 </fields>
                                 <renderconditions logictype="and"/>
                              </section>
                           </sections>
                           <renderconditions logictype="and">
                              <rendercondition type="fieldvalue" operator="=" enclosevalueinquotes="true" fieldmodel="ApplicationChecks" sourcetype="fieldvalue" field="RecordType.DeveloperName" value="DunBradstreet"/>
                           </renderconditions>
                        </column>
                     </columns>
                     <renderconditions logictype="and"/>
                  </basicfieldeditor>
                  <basicfieldeditor showheader="true" showsavecancel="false" model="ApplicationChecks" buttonposition="" mode="readonly" layout="" cssclass="r-fieldeditor">
                     <columns>
                        <column width="100%" cssclass="Compliance">
                           <sections>
                              <section title="Compliance" collapsible="no">
                                 <fields>
                                    <field id="R_Comments__c" valuehalign="" type=""/>
                                 </fields>
                                 <renderconditions logictype="and"/>
                              </section>
                           </sections>
                           <renderconditions logictype="and">
                              <rendercondition type="fieldvalue" operator="=" enclosevalueinquotes="true" fieldmodel="ApplicationChecks" sourcetype="fieldvalue" field="RecordType.DeveloperName" value="Compliance"/>
                           </renderconditions>
                        </column>
                     </columns>
                     <renderconditions logictype="and"/>
                  </basicfieldeditor>
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
Amr.  Would you mind granting us login rights to review this issue?  Here are some instructions.  After doing that - send us an email to support@skuidify.com with your Org ID, and the name of the page where this is happening. 

Thanks. 
Photo of Amr

Amr

  • 256 Points 250 badge 2x thumb
Thanks Rob ... done as requested.
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
There is some funkyness in conditional rendering going on here.   When rows don't meet the conditional rendering criteria,  thier contents are being supressed,  but the space where those contents would go are not.  So you see as much blank space as you have records.

We'll work to correct this,  but in the mean time there is another way to solve for the issue.

You should make different models for your Application Check scenarios and build conditions in those models that filter by record type.
Then connect the varios field editors to the appropriate models.
Then you can remove the conditional rendering from the columns.

I believe it will give you the effect you are looking for.  
Photo of Amr

Amr

  • 256 Points 250 badge 2x thumb
Thanks Rob that workaround worked :)
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
Glad to hear Amr.