Phone View Template Fix

This forum allows users to post and respond to "How Do I Do ....." questions. The information contained in this forum has not been validated by K-Rise Systems and, as such, K-Rise Systems cannot guarantee the accuracy of the information.
JustinVanRegenmorter
Posts: 571
Joined: August 26th, 2021, 9:56 am
Contact:

Phone View Template Fix

Unread post by 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
Unchanged1.png (48.7 KiB) Viewed 6066 times
Unchanged1.png
Unchanged1.png (48.7 KiB) Viewed 6066 times
3. Override the current Basic template and promote through to PD.
Unchanged2.PNG
Unchanged2.PNG (13.73 KiB) Viewed 6066 times
Unchanged2.PNG
Unchanged2.PNG (13.73 KiB) Viewed 6066 times

For applications with the Basic Template changed:
1. Checkout the Basic template into a project.
Changed1.PNG
Changed1.PNG (39.13 KiB) Viewed 6066 times
Changed1.PNG
Changed1.PNG (39.13 KiB) Viewed 6066 times
2. Open the Basic template and search for "dropdown-menu-right". Change this value to "dropdown-menu-end"
Changed2.PNG
Changed2.PNG (104.52 KiB) Viewed 6066 times
Changed2.PNG
Changed2.PNG (104.52 KiB) Viewed 6066 times
3. Find the script tags with an onclick function on the toggleSidebarNav HTML element.
Changed3.PNG
Changed3.PNG (39.18 KiB) Viewed 6066 times
Changed3.PNG
Changed3.PNG (39.18 KiB) Viewed 6066 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
Changed4.PNG (22.9 KiB) Viewed 6066 times
Changed4.PNG
Changed4.PNG (22.9 KiB) Viewed 6066 times
word count: 256

Tags:
Post Reply