web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Sub Menu Component - F...
Power Apps
Unanswered

Sub Menu Component - Focus lost after navigating to another screen

(0) ShareShare
ReportReport
Posted on by 98

Hello folks,

 

For example, the Items Menu has got a sub menu as Items and Expenses.

 

Let us say, a user clicks on Items- the correct behavior is that the screen has to navigate to another screen - which it does.

 

Now, a user clicks on Expenses now - which it does, however the focus of the Sub Menu is not properly set (the focus says in the Items only, it should have been to Expenses).

 

Any clue how to achieve this?

fmourtaza_0-1681036864256.png

 

HamburgerMenuItems

Table({HMenuID: 1, HMenuLbl: "Home", HMenuItemColor: RGBA(102,102,102,1), HMenuItemSvg: "<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='-10 0 2068 2048'>
 <g transform='matrix(1 0 0 -1 0 2048),rotate(0,1034,1024)'>
 <path fill='RGB(102,102,102,1)'
d='M1024 1883l941 -942l-90 -90l-83 82v-805h-640v640h-256v-640h-640v805l-83 -82l-90 90zM1664 256v805l-640 640l-640 -640v-805h384v640h512v-640h384z' />
 </g>

</svg>",
HSubMenuVisible: false


},
{HMenuID: 2, HMenuLbl: "Sales", HMenuItemColor: RGBA(102,102,102,1), HMenuItemSvg: "<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='-10 0 2068 2048'>
 <g transform='matrix(1 0 0 -1 0 2048),rotate(0,1034,1024)'>
 <path fill='RGB(102,102,102,1)'
d='M1920 2048v-1024h-896v-896h-1024v1920h1920zM896 256v768h-768v-768h768zM896 1152v768h-768v-768h768zM1792 1152v768h-768v-768h768zM1664 512h384v-128h-384v-384h-128v384h-384v128h384v384h128v-384z' />
 </g>

</svg>",
HSubMenuVisible: false

},
{HMenuID: 3, HMenuLbl: "Items", HMenuItemColor: RGBA(102,102,102,1), HMenuItemSvg: "<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='-10 0 2068 2048'>
 <g transform='matrix(1 0 0 -1 0 2048),rotate(0,1034,1024)'>
 <path fill='RGB(102,102,102,1)'
d='M128 1792h1664v-1536h-1664v1536zM768 1024v-256h384v256h-384zM1152 1152v256h-384v-256h384zM640 1152v256h-384v-256h384zM256 1024v-256h384v256h-384zM640 384v256h-384v-256h384zM1152 384v256h-384v-256h384zM1664 384v256h-384v-256h384zM1664 768v256h-384v-256h384zM1664 1152v256h-384v-256h384zM256 1536h1408v128h-1408v-128z' />
 </g>

</svg>",
HSubMenuVisible: true

},
{HMenuID: 4, HMenuLbl: "Accountant", HMenuItemColor: RGBA(102,102,102,1), HMenuItemSvg: "<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='-10 0 2068 2048'>
 <g transform='matrix(1 0 0 -1 0 2048),rotate(0,1034,1024)'>
 <path fill='RGB(102,102,102,1)'
d='M1280 1536q0 -106 -40 -199.5t-109.5 -163t-163 -109.5t-199.5 -40q-88 0 -170 -23t-153 -64.5t-129.5 -100t-100 -129.5t-64.5 -153t-23 -170h-128q0 117 35.5 229t101 207.5t157 169t202.5 112.5q-56 36 -100.5 83t-75.5 103t-47.5 118.5t-16.5 129.5q0 106 40 199.5t109.5 163t163 109.5t199.5 40t199.5 -40t163 -109.5t109.5 -163t40 -199.5zM768 1152q79 0 149 30t122.5 82.5t82.5 122t30 149.5q0 79 -30 149t-82.5 122.5t-122.5 82.5t-149 30q-80 0 -149.5 -30t-122 -82.5t-82.5 -122.5t-30 -149q0 -80 30 -149.5t82.5 -122t122 -82.5t149.5 -30zM2048 576q0 -119 -45.5 -224t-123.5 -183t-183 -123.5t-224 -45.5t-224 45.5t-183 123.5t-123.5 183t-45.5 224t45.5 224t123.5 183t183 123.5t224 45.5t224 -45.5t183 -123.5t123.5 -183t45.5 -224zM1472 128q93 0 174.5 35.5t142 96t96 142t35.5 174.5t-35.5 174.5t-96 142t-142 96t-174.5 35.5t-174.5 -35.5t-142 -96t-96 -142t-35.5 -174.5t35.5 -174.5t96 -142t142 -96t174.5 -35.5zM1408 256v384h128v-384h-128zM1408 768v128h128v-128h-128z' />
 </g>

</svg>",
HSubMenuVisible: false

},
{HMenuID: 5, HMenuLbl: "Dashboard", HMenuItemColor: RGBA(102,102,102,1), HMenuItemSvg: "<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='-10 0 2068 2048'>
 <g transform='matrix(1 0 0 -1 0 2048),rotate(0,1034,1024)'>
 <path fill='RGB(102,102,102,1)'
d='M1582 983q41 -72 61.5 -150.5t20.5 -160.5v-103l-640 -321l-640 321q0 60 1.5 112t9 101.5t24 98t47.5 102.5l-210 105v-587q29 -10 52.5 -28t40.5 -42t26 -52.5t9 -58.5v-320h-384v320q0 30 9 58.5t26 52.5t40.5 42t52.5 28v651l-128 64l1024 512l1024 -512zM256 320q0 26 -19 45t-45 19t-45 -19t-19 -45v-192h128v192zM286 1216l738 -369l738 369l-738 369zM1536 648q0 77 -15 143.5t-53 134.5l-444 -222l-444 222q-33 -58 -50.5 -122.5t-17.5 -131.5v-24l512 -256z' />
 </g>

</svg>",
HSubMenuVisible: true

}
)

 

 

HamburgerSubMenuItems

Table({HMenuRef: 3,HSubMenuID: 31, HSubMenuLbl: "Items", HSubMenuScreen: Screen1,HSubMenuItemColor: RGBA(102,102,102,1), HSubMenuItemSvg: "<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='-10 0 2068 2048'>
 <g transform='matrix(1 0 0 -1 0 2048),rotate(0,1034,1024)'>
 <path fill='RGB(102,102,102,1)'
d='M1152 1408h-640v128h640v-128zM256 384h681l-64 -128h-745v1664h1408v-640h-128v512h-1152v-1408zM512 768h617l-64 -128h-553v128zM1024 1152v-128h-512v128h512zM1963 185q14 -28 14 -57q0 -26 -10 -49.5t-27.5 -41t-41 -27.5t-49.5 -10h-754q-26 0 -49.5 10t-41 27.5t-27.5 41t-10 49.5q0 29 14 57l299 598v241h-128v128h640v-128h-128v-241zM1721 384l-185 369v271h-128v-271l-185 -369h498z' />
 </g>

</svg>"},{HMenuRef: 3, HSubMenuID: 32, HSubMenuLbl: "Expenses", HSubMenuScreen: Screen2,HSubMenuItemColor: RGBA(102,102,102,1), HSubMenuItemSvg: "<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='-10 0 2068 2048'>
 <g transform='matrix(1 0 0 -1 0 2048),rotate(0,1034,1024)'>
 <path fill='RGB(102,102,102,1)'
d='M1416 794l248 -794l-640 492l-640 -492l248 794l-632 486h784l240 768l240 -768h784zM1421 348q-38 124 -76 246.5t-78 246.5q103 77 203 155t202 156h-502l-146 467l-146 -467h-502q102 -78 202 -156t203 -155q-40 -124 -78 -246.5t-76 -246.5l397 306z' />
 </g>

</svg>"},{HMenuRef: 5, HSubMenuID: 51, HSubMenuLbl: "Sales 1", HSubMenuScreen: Screen3,HSubMenuItemColor: RGBA(102,102,102,1), HSubMenuItemSvg: "<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='-10 0 2068 2048'>
 <g transform='matrix(1 0 0 -1 0 2048),rotate(0,1034,1024)'>
 <path fill='RGB(102,102,102,1)'
d='M1024 512h-128v128h128v-128zM1024 1664h-128v-896h128v896zM960 3q-119 70 -236.5 149.5t-224 171t-198 195.5t-158.5 223t-105 253t-38 285v512q83 0 161 6t152 22t146 45t144 75q85 55 170 81.5t187 26.5q51 0 97 -6.5t89.5 -20t85.5 -34t85 -47.5q72 -46 144 -75t146 -45t152 -22t161 -6v-512q0 -151 -38 -285t-105 -253t-158.5 -223t-198 -195.5t-224 -171t-236.5 -149.5zM128 1666v-386q0 -127 33.5 -244t91.5 -222.5t138 -200t172 -178t193.5 -154.5t203.5 -130q102 59 203.5 130t193.5 154.5t172 178t138 200t91.5 222.5t33.5 244v386q-149 8 -285.5 48t-262.5 121q-68 44 -135.5 64.5t-148.5 20.5t-148.5 -20.5t-135.5 -64.5q-126 -81 -262.5 -121t-285.5 -48z' />
 </g>

</svg>"},{HMenuRef: 5, HSubMenuID: 52, HSubMenuLbl: "Sales 2", HSubMenuScreen: Screen4,HSubMenuItemColor: RGBA(102,102,102,1), HSubMenuItemSvg: "<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='-10 0 2068 2048'>
 <g transform='matrix(1 0 0 -1 0 2048),rotate(0,1034,1024)'>
 <path fill='RGB(102,102,102,1)'
d='M1024 832q0 -119 -45.5 -224t-123.5 -183t-183 -123.5t-224 -45.5q-26 0 -45 19t-19 45t19 45t45 19q93 0 174.5 35.5t142 96t96 142t35.5 174.5q0 26 19 45t45 19t45 -19t19 -45zM960 1792q-131 0 -248 -31.5t-234 -88.5q-16 -8 -30 -8q-26 0 -45 19t-19 45q0 37 34 56q58 34 125 59.5t137.5 42.5t142 25.5t137.5 8.5q67 0 138 -8.5t141.5 -25.5t137 -42.5t125.5 -59.5q34 -19 34 -55q0 -27 -18.5 -46t-45.5 -19q-10 0 -16 1.5t-14 6.5q-115 59 -233.5 89.5t-248.5 30.5zM960 1664q112 0 219 -29t203 -86q43 -26 86.5 -59t82.5 -72t72.5 -82t57.5 -88q8 -16 8 -31q0 -27 -19 -46t-45 -19q-19 0 -32 8.5t-23 23.5q-20 31 -40 60t-45 56q-50 56 -110 100t-127.5 74t-140 46t-147.5 16q-121 0 -234 -40.5t-207 -115.5q-23 -18 -43 -38.5t-41 -40.5q-11 -11 -21.5 -16t-25.5 -5q-27 0 -45.5 19t-18.5 45q0 13 4 23t12 20q24 31 57 60t69.5 55t74.5 48t74 39q81 38 168 56.5t177 18.5zM960 1408q119 0 224 -45.5t183 -123.5t123.5 -183t45.5 -224q0 -94 -15.5 -186.5t-47.5 -180.5q-13 -36 -32.5 -79t-42.5 -85.5t-49 -81.5t-51 -67q-11 -11 -22.5 -17.5t-27.5 -6.5q-26 0 -45 18.5t-19 45.5q0 21 14 40q19 26 37 51t35 53q69 113 103.5 238.5t34.5 257.5q0 93 -35.5 174.5t-96 142t-142 96t-174.5 35.5t-174.5 -35.5t-142 -96t-96 -142t-35.5 -174.5q0 -26 -19 -45t-45 -19t-45 19t-19 45q0 119 45.5 224t123.5 183t183 123.5t224 45.5zM960 1152q66 0 124 -25.5t101.5 -69t69 -101.5t25.5 -124q0 -103 -25.5 -203t-73.5 -190t-117 -167t-156 -133q-8 -5 -16 -8t-19 -3q-27 0 -45.5 19t-18.5 45q0 18 7 30t21 23q27 22 53.5 41.5t51.5 44.5q101 100 155.5 229.5t54.5 271.5q0 40 -15 75t-41 61t-61 41t-75 15t-75 -15t-61 -41t-41 -61t-15 -75q0 -66 -25 -124.5t-68.5 -102t-102 -68.5t-124.5 -25q-26 0 -45 19t-19 45t19 45t45 19q40 0 75 15t61 41t41 61t15 75q0 66 25 124t68.5 101.5t102 69t124.5 25.5z' />
 </g>

</svg>"})

 

fmourtaza_1-1681037058647.pngfmourtaza_2-1681037088510.pngfmourtaza_3-1681037102637.png

 

 

Categories:
I have the same question (0)

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the July Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 356 Most Valuable Professional

#2
11manish Profile Picture

11manish 225 Super User 2026 Season 2

#3
Mohsin Ali Profile Picture

Mohsin Ali 211

Last 30 days Overall leaderboard