Phone View Template Fix
Posted: November 19th, 2021, 2:06 pm
Applications created before RunTime revision 813 contained two issues related to using mobile devices.
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.
3. Override the current Basic template and promote through to PD.
For applications with the Basic Template changed:
1. Checkout the Basic template into a project.
2. Open the Basic template and search for "dropdown-menu-right". Change this value to "dropdown-menu-end"
3. Find the script tags with an onclick function on the toggleSidebarNav HTML element.
4. After the onclick function ends add the following function:
- The application menu extends past the righthand border of the device.
- The page menu extends cannot be closed by clicking back on the page.
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 5709 times
- Unchanged1.png (48.7 KiB) Viewed 5709 times
- Unchanged2.PNG (13.73 KiB) Viewed 5709 times
- Unchanged2.PNG (13.73 KiB) Viewed 5709 times
For applications with the Basic Template changed:
1. Checkout the Basic template into a project.
- Changed1.PNG (39.13 KiB) Viewed 5709 times
- Changed1.PNG (39.13 KiB) Viewed 5709 times
- Changed2.PNG (104.52 KiB) Viewed 5709 times
- Changed2.PNG (104.52 KiB) Viewed 5709 times
- Changed3.PNG (39.18 KiB) Viewed 5709 times
- Changed3.PNG (39.18 KiB) Viewed 5709 times
Code: Select all
document.getElementById('toggleSidebarNav').onblur = function(){
sidebarNav.classList.remove('collapse');
}- Changed4.PNG (22.9 KiB) Viewed 5709 times
- Changed4.PNG (22.9 KiB) Viewed 5709 times