Phone View Template Fix

[JustinVanRegenmorter]

Applications created before RunTime revision 813 contained two issues related to using mobile devices.

• The application menu extends past the righthand border of the device.

• The page menu extends cannot be closed by clicking back on the page.

To resolve the issue for current applications follow the steps below:

For applications with the Basic Template unchanged:
1. Download the xml file below.
2. Checkout the Basic template into a project and click the "Import From XML" action button in the project.

Unchanged1.png (48.7 KiB) Viewed 6068 times

Unchanged1.png (48.7 KiB) Viewed 6068 times

3. Override the current Basic template and promote through to PD.

Unchanged2.PNG (13.73 KiB) Viewed 6068 times

Unchanged2.PNG (13.73 KiB) Viewed 6068 times

For applications with the Basic Template changed:
1. Checkout the Basic template into a project.

Changed1.PNG (39.13 KiB) Viewed 6068 times

Changed1.PNG (39.13 KiB) Viewed 6068 times

2. Open the Basic template and search for "dropdown-menu-right". Change this value to "dropdown-menu-end"

Changed2.PNG (104.52 KiB) Viewed 6068 times

Changed2.PNG (104.52 KiB) Viewed 6068 times

3. Find the script tags with an onclick function on the toggleSidebarNav HTML element.

Changed3.PNG (39.18 KiB) Viewed 6068 times

Changed3.PNG (39.18 KiB) Viewed 6068 times

4. After the onclick function ends add the following function:

Code: Select all

document.getElementById('toggleSidebarNav').onblur = function(){
    sidebarNav.classList.remove('collapse');
}

Changed4.PNG (22.9 KiB) Viewed 6068 times

Changed4.PNG (22.9 KiB) Viewed 6068 times