Getting secondary sidebar menu to remain highlighted while visiting page - css

I recently added a page to our website and how it originally is set up so the Top Nav remains hightlighted as well as the menu on the left hand side. I am just looking to get the "Employee training" on the left hand side to remain highlighted while on the page. If you browse the other pages under this section you will see what I mean. Thanks for the help!
http://www.petrowestcorp.com/employee-training/

It appears that you have copied the Company Overview page to the Employee Training page and then made the necessary page changes.
The one change that you missed was within the
Remove the class from the first menu item (Company Overview) and put it in the last menu item (Employee Training)

Related

Have the Elementor Addon 'Table of Content' feature initially display as the button, not the opened panel

I really like the EA 'Table of Content'. Info on it here: https://essential-addons.com/elementor/docs/table-of-content/
The problem is that when a person visits the page with the TOC enabled, the TOC opens fully which covers the text on the page. So the user has to close the TOC to read the content. Depending on your site design, this is not a problem on desktops.
But it is a real problem on mobile devices - most of the page gets covered.
All I want is the TOC to display as the standard collapsed button on the side. Then, if the user wants to look at the TOC, they can click on the button and it will open as normal.
That is, the initial state of the TOC should be closed (showing just the button on the side).
Is this possible?
This is how I want the control to initially display on the page
Here is a possibility using HTML5:
document.getElementById("eael-toc").classList.toggle('collapsed');

How to make images look and feel like buttons

I have created a page containing a list of items. Each item has an image corresponding to it which when clicked directs the user to a new page containing more information about the item. For some reason, when I asked my friends to go through the site, most of them thought that these were non-clickable images. What can I do to make it more obvious that a user can actually click on the image? Below you can find a screenshot of the page I am talking about and this is a link to the actual page. Thanks in advance for your help.
1.You can add a title attribute to a link, like this:
<a title="Read more" href="https://thechallengeclub.wordpress.com/challenge-1-just-water/">
Then when user hover over the image a tooltip will appear:
2.You can add an easy to see "More" button. It's up to you where you add this button, but it may be necessary to change the layout a little bit.
For example:

Drop dialog on a list page not disappearing automatically

When I add a drop-dialog to a list page, the drop dialog drops down when I click on it, but does not disappear when I click somewhere else.
I am trying to add my own drop-dialog, but I can reproduce this issue with standard Dynamics AX objects. I guess I am just missing some property on an object, but I just cannot figure out which one.
If you want to reproduce my problem in order to solve it, do the following:
Create a new Form. (Form 1)
Change the FormTemplate property to ListPage (Click on Yes)
Add the query MainAccountListPage to the DataSources
Create an ActionPanTab.
Add a Drop-dialog button with the menu item MainAccountListPageBalanceParameters.
Save and open the new List page by right clicking and choosing open. (or open the menu item)
In my case, when I click on Parameters, the drop dialog drops down. When I then click outside the drop-dialog, it disappears as it should.
Create a new display menu item. Set the object to the new list page (Form 1)
Drag the Menu item to any menu. I added mine to General ledger (Common)
Restore, open new workspace. Click on the new menu item in the general ledger menu.
Click on “parameters” and click outside the drop dialog.
When I do this the drop dialog does not disappear again. You can see this same drop dialog working fine on the Main Accounts list page. I have tried changing properties on both menu items, on the menu, on the form etc. I have tried different drop dialogs and different list pages. It always works on the details page and when opened from the AOT.
Am I missing a property? Is the entire way I am adding the drop dialog wrong?
The answer to the above example is.. add the MainAccountDetailPart Form part to the list page's (Form1) Parts.
With my other example, EcoResProductPerCompanyListPage, I had to add the EcoResProductVariantsPerCompanyFactBox to Parts.
I have no idea why this is, but adding a part to a list page fixes the drop dialogs. For example, adding MainAccountDetailPart Form part to a new list page not only fixes the MainAccountListPageBalanceParameters in my example, but it also fixes any other drop dialog that previously did not want to close. Removing the part the breaks all the drop dialogs in the list page again.
Thanks, FH-Inway, for the suggestion, I would have never have found the answer without your method. The solution really surprised me!

asp.net master pages, content pages

i have a master page with three sections, left pane + 2 right panes (one top header and one main screen area)
i want to have the main screen area dynamically fill a url based on a link click from the top header pane.
so in the header if i have three links - assume i have three pages (one.aspx, two.aspx, three.aspx) and i want to click a one, two, three link in the header pane of the master and have the content load in the main area of each associated child page in the main areas.
any idea?
The point of ASP .NET master pages are to do exactly what you are wanting without needing to fill areas of the page.
What I would suggest doing is moving the content that does not change per page (e.g. left pane and the top header/right pane) into the master page. and create a contentplaceholder for your main screen.
Then create your one.aspx, two.aspx, three.aspx pages and have them use your new master page. Now, when you edit the pages, the only area you will edit will be the content for the main screen area.
Any changes you make on the master page will be immediately reflected on all three pages without having to update each one.
If you had a different goal in mind please let me know. I'll do what I can to help.
When you created your pages you should have selected the MasterPage.
On each page you fill the content areas of your MasterPage.
So if you want to link to your pages you can put the links in each page's Head ContentPlaceHolder. So you link to 'one.aspx', 'two.aspx' and 'three.aspx' directly.
Each page will load it's MasterPage contents when it's requested. So it works like includes not frames (forget frames).
Just create your master page with your layout divs and use the to leave a place holder inside your content tab.
Next create a new page that uses your master page as its base and inside the automatically generated tag put your specific content for that page.
Create a new page inheriting the master page for each content page you want the header links to point to.
Hey presto no need for frames or script.
I'm not sure I completely follow your intent, but if I do get it, it sounds to me like what you want is a floating frame.

ASP Menu bar, Static view

I am looking to create a menu bar with a specic type of "action"
Similar to the bar on this website
BBC Sport
Its totally static and has no dynamic or "pop out" sections. When the top menu is clicked the page will re-load and display the lower level in a diffrent colour.
Can this be achived with the Standard ASP:Menu control?
I am not a big fan of the pop out feature however I do not want all my options to be visible to my users at root
Hope that makes sense
Check out this basic ASP.Net Menu control page. You can click on the "Run" buttons to see very basic versions of the menus.
The advantage of using this particular approach is that you can tie it to a sitemap, so you don't have to keep updating the menu code. You just add the page(s) to the sitemap, and the menu picks it up.
You can also dynamically link the menu to different sitemaps, such as one for the admin menu and another for regular users' menu.
The Menu control is in the navigation section of the toolbox.
To experiment with the built-in functionality (before writing your own code to do what it will do for you), just drag and drop a menu control onto your form. Then, use the common tasks menu to:
autoformat -- good for quick & dirty because it sets hoverstyle too
set the data source
set the view type (static or dynamic)
define menu items with an editor
work with templates to set appearance
You have to go to properties to set menu appearance.

Resources