(examples) UIComponents: fix for creating MoreMenu widget

[Issue] #1547 [Problem] DropDownMenu / More menu causes js issue [Solution] - fix for app, DropDown Menu widget was creating on not existing DOM element. Signed-off-by: Tomasz Lukawski <t.lukawski@samsung.com>
Samsung · Jan 6, 2021 · 37045d7 · 37045d7
1 parent 8b406f9
commit 37045d7
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 3 deletions.
diff --git a/examples/mobile/UIComponents/components/view-controls/dropdownlist/align-to-list.html b/examples/mobile/UIComponents/components/view-controls/dropdownlist/align-to-list.html
@@ -20,6 +20,14 @@
 			</div>
 			<div class="ui-appbar-action-buttons-container">
 				<button class="ui-btn ui-btn-icon ui-btn-icon-more" data-style="flat"></button>
+				<select class="theme-changer" data-native-menu="false" style="display: none">
+					<option value="light">
+						Light Theme
+					</option>
+					<option value="dark" class="ui-dropdown-two-lines">
+						Dark Theme
+					</option>
+				</select>
 			</div>
 		</header>
 		<div class="ui-content">
@@ -55,7 +63,7 @@
 							Option2
 						</option>
 						<option value="3">
-							Very, Very, Very long option 3 
+							Very, Very, Very long option 3
 						</option>
 						<option value="4">
 							Option4

diff --git a/examples/mobile/UIComponents/components/view-controls/dropdownlist/max-width.html b/examples/mobile/UIComponents/components/view-controls/dropdownlist/max-width.html
@@ -66,6 +66,14 @@
 			</div>
 			<div class="ui-appbar-action-buttons-container">
 				<button class="ui-btn ui-btn-icon ui-btn-icon-more" data-style="flat"></button>
+				<select class="theme-changer" data-native-menu="false" style="display: none">
+					<option value="light">
+						Light Theme
+					</option>
+					<option value="dark" class="ui-dropdown-two-lines">
+						Dark Theme
+					</option>
+				</select>
 			</div>
 		</header>
 		<div class="ui-content">

diff --git a/examples/mobile/UIComponents/components/view-controls/dropdownlist/min-width.html b/examples/mobile/UIComponents/components/view-controls/dropdownlist/min-width.html
@@ -36,6 +36,14 @@
 			</div>
 			<div class="ui-appbar-action-buttons-container">
 				<button class="ui-btn ui-btn-icon ui-btn-icon-more" data-style="flat"></button>
+				<select class="theme-changer" data-native-menu="false" style="display: none">
+					<option value="light">
+						Light Theme
+					</option>
+					<option value="dark" class="ui-dropdown-two-lines">
+						Dark Theme
+					</option>
+				</select>
 			</div>
 		</header>
 		<div class="ui-content">

diff --git a/examples/mobile/UIComponents/js/app.js b/examples/mobile/UIComponents/js/app.js
@@ -31,10 +31,14 @@
 		tau.theme.setTheme(event.target.value);
 	}
 
+
 	function onMenuClick() {
-		var dropDownMenuWidget = tau.widget.DropdownMenu(themeChanger);
+		var dropDownMenuWidget;
 
-		dropDownMenuWidget.open();
+		if (themeChanger) {
+			dropDownMenuWidget = tau.widget.DropdownMenu(themeChanger);
+			dropDownMenuWidget.open();
+		}
 	}
 
 	function onPageShow() {