This topic is locked

Cannot get tabbed elements Dashboard to work using the provided example

3/23/2026 00:24:49
General Tips and Tricks
J
jMullally author

I have been uable to get https://xlinesoft.com/blog/2023/08/22/tabbed-elements-in-dashboards/ to work on ASPRunner.net v11.2. So I started over by using a simple SQL Server Northwind database instance that I built in a couple minutes before adding the Dashboard touches called out by the provided sample. In the Northwind Dashboard I am aiming for just 2 tabs to independently show Customers and Products lists. Since that did not work I moved to debugging in Visual Studio with break points: first I hit the breakpoint on the Dashboard PageLoad Javascript and that Javascript runs to completion - in other words it did not fail silently as JS runtime errors commonly do. Continuing on in VS I hit the C# break in the called out 2 line Dashboard Snippet and at that point the web page output is still blank. I hit run again in VS and finished displaying the tabless Dashboard page.

In development, I added dashboard elements in the following chronological order: Dashboard Snippet, Customers Grid (without buttons), Products Grid (without buttons). I attached various Dasboard page Designer screen shots, the Dasboard PageLoad JS code (slightly ammended from the example), and a screenshot of the web page output in a single word doc. I did not include the examples CSS changes as it complicated matters and did not help.

Thank you for the help.

TabsFail.docx
J
jMullally author 3/23/2026

I neglected to put the Customer & Product grid elements on lower rows - which the sample did. So I tried that (still on v11.2), but saw no improvement.

I tried repeating this work on ASPRunner.net v10.91, and although I was finally able to see tabs in v10.91, the Customer & Product lists both remaind visible and both resided outside and below the tabs. Fail. I assume I am doing something wrong..

J
jMullally author 3/23/2026

I got tabbed elements to work in the ASPRunner.net v10.91 by changing how I reference the Northwind SQL Server tables in the PageLoad event to "dbo_Customers" and "dbo_Products".

But I can't get the tabbed elements to work in ASPRunner.net v11.2 and I think that has something to do with the order v11.2 executes the Dashboard Snippet and Dashboard PageLoad event. In v10.91 the Snippet runs first and in v11.2 the PageLoad event runs first.

In v11.2, if I remove the code out of the Dashboard Snippet and move the second line into the Dashboard befor Display Event I can tab Customers and Products, but I skew the rest of the page.

Screenshot 2026-03-23 005606.png