Symptoms

The text for page names doesn't fit in the width of the Navigator frame in a UI16 environment.

In a UI15 environment, the width of the Navigator frame can be adjusted by simply dragging the edge to the desired size.

Environment

Instances with the UI16 interface

Cause

In UI16 the width of the ‘navpage-nav’ element of the Navigator is hard coded within the ‘css_includes_concourse.cssx’ file to be 285 pixels.

.navpage-nav {
	width: 285px;
	position: absolute;
	top: 50px;
	right: auto;
	bottom: 0;
	left: 0;
	transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

Resolution

As a workaround, you should look to use concise naming conventions for Application, Module, and Page names that appear within the Navigator.

Additional Information

• UI16 Application Navigator
• Use the UI16 Navigator
• Comparison of UI16 and UI15 styles