If you’ve ever seen any of my posts about the Microsoft Roadmaps, I typically provided a screenshot showing all the items expanded. For instance, in my post:

Microsoft Access Roadmap Update

Did you notice that the Microsoft Access Roadmap was updated today?  If you haven’t seen the road use the following link:   So what has changed and where do we stand today?!

or

Microsoft Access Roadmap Updated, Again

In my previous post a week or two ago I highlighted the evolution of the Microsoft Access Roadmap and talked about some oddities with the current roadmap with ETA contradicting written statements leading to confusion… (read the article for all the details). Well, I recently revisited the roadmap and it changed again! So this is the current roadmap as of June 6th, 2022 (I think it was actually implemented around June 2nd, 2022 but could be mistaken).

I was recently asked how I achieved that as it doesn’t seem possible when on that page.

Well, for those looking for the solution there is no wizardry here, just simple HTML/JS/jQuery.  I looked over the page’s HTML code and could see it was build on a table and that by default each row had syntax like:

<td>
   <div class="ow-col-header"></div>
   <div class="ow-col-content x-hidden"></div>
</td>

notice the 2nd div has an x-hidden class! When you click on any individual element to view the details, that x-hidden class is removed.

So it was just a question of removing that class from all elements, rather than just the individual elements that is clicked upon and for that jQuery makes our life very simple!

Now, note there are different ways we could approach this, but for my needs I kept things very simple.

I right-clicked on the page and selected Inspect
Then I went to the Console and entered $(‘.ow-col-content’).removeClass(‘x-hidden’) and pressed Enter to run the command
Et Voilà!

So there you have it, a single line of jQuery and you can view all the details in one shot rather than needing to continuously click each item 1 by 1.