Strange whitespace on form

July 12, 2018

2 min read

Problem

Today I faced a strange issue that was driving me crazy. I noticed that some entities on the Online instance (v8.2.2) have strange whitespace on the right side of the screen. I couldn't even find the DOM element that is sitting there in this whitespace. Quick JS fix could be applied to set the width of the left element(actual form) to 100% on form load and everything will work just fine, but it's not how I wanted to solve this issue. The issue is shown in the image below.

I tried to create a new form, change entity properties, etc, but nothing happened. I even created a new entity that had the same problem. Every single entity that is newly created had this issue.

Solution

The problem can be resolved only by publishing the main form with some configuration changes in the Display tab.

Fields that can be changed are:

Show navigation items
Show image in the form
Max Width

When you any of those fields and publish your form issue will not be there anymore.

When I dived deeper into research I found out that after I exported the solution with the affected entity and compared customization.xml before the fix and after the fix there were some differences in it.

Before the fix, there was just the blank form tag defined in XML:

<form>

After the fix, there were some additional parameters defined:

<form shownavigationbar="true" showImage="false" maxWidth="1900">

But there is also a navigation node added:

<Navigation>
   <NavBar />
   <NavBarAreas>
      <NavBarArea Id="Info">
         <Titles>
            <Title LCID="1033" Text="Common" />
         </Titles>
      </NavBarArea>
      <NavBarArea Id="Sales">
         <Titles>
            <Title LCID="1033" Text="Sales" />
         </Titles>
      </NavBarArea>
      <NavBarArea Id="Service">
         <Titles>
            <Title LCID="1033" Text="Service" />
         </Titles>
      </NavBarArea>
      <NavBarArea Id="Marketing">
         <Titles>
            <Title LCID="1033" Text="Marketing" />
         </Titles>
      </NavBarArea>
      <NavBarArea Id="ProcessCenter">
         <Titles>
            <Title LCID="1033" Text="Process Sessions" />
         </Titles>
      </NavBarArea>
   </NavBarAreas>
</Navigation>

Blog.

Strange whitespace on form

Problem

Solution