I am using a vuetify navigation drawer. Inside is a submenu. When I expand/collapse the submenu it causes the navigation panel to disappear. I am looking for the correct way to prevent that from happening.
I have an example here:
https://codepen.io/uglyhobbitfeet/pen/MWeBLwJ?editors=1010
Note - I purposely set the navigation panel to be temporary instead of permanent, because I don't want the menu displaying unless someone clicks on the hamburger icon.
<v-navigation-drawer v-model="drawer" absolute right temporary>
Your navigation drawer disappear because your watch the property "group". So when group is toggled, the watcher see a change, and it update to false your navigation drawer, as you code it
As your submenu is a nested component, you don't need to add the v-model group just remove it and the watcher
Related
I am unable to get a dropdown menu to work in the api management developer portal. There is very little documentation about this, but I have seen from github questions that it is suppose to be able to have a dropdown menu in the top menu bar like in this link
I am unable to get this myself. I have created pages in the navigation menu that have subpages,
and I tried to add a menu widget to the top bar with the root navigation item beeing the menu with subpages, but there is no options when editing the menu to select the list to be dropdown.
How can I get dropdown menues?
There are no "Submenu" or "Menu with Dropdown" widgets, the only other dropdown widgets I find is "List of APIs (dropdown)" and "List of products (dropdown)".
In the navigation structure you can create sub-menus by selecting a parent item and then clicking "Add navigation item" to add child items (also you can use arrow keys to make an existing item a subpage or promote it to parent level). After that, the Menu widget with "Horizontal" layout will display the dropdown when clicking on them. Menus with "Vertical" layout will form a tree of navigation items.
i've uploaded a joomla (version 1.5.26) site: http://srajib.info/s2l/
when i click any particular event (Right side), it also shows home slider:
http://srajib.info/s2l/index.php?option=com_jevents&task=icalrepeat.detail&evid=3&Itemid=1&year=2013&month=09&day=07&title=long-jump-event&uid=07390f799fedccea98b8ed46532fa4cb&catids=1
if i click any date of calendar (Right side), it also shows home page slider.
how can i avoid to show home slider both cases?
Try this:
Go to your Module Manager
Identify your frontpage slider module, and click on its name
In the Menu assigments section click the Select Menu Item(s) from the List option
From the list below it you can select the pages/menu items that you wish the module to be displayed on. Make sure to deselect the Events and Calendar menu items.
Click the Save icon in the top toolbar.
My addon opens a popup panel (popup.html).
When the user changes the current tab to different tab, the popup panel is hidden
When the tab is selected second time I need it to still available contentURL (popup.html) but I did find the way to do it.
You can create your panel like this:
<panel
id="yourPanel"
type="arrow"
noautohide="true"
level="parent">
</panel>
Explanation:
level = "parent" means the panel is shown just above the window the panel is in, but behind other windows above it.
noautohide = "true" means the panel will only be closed when the hidePopup method is called.
With these two combined, you get the behavior you're looking for.
For reference see mdn panel page
I have my menu set to:
.CloseOnClick(true)
.OpenOnClick(true)
(I am using MVC4 with Razor syntax)
When I click on a menu item, it opens the menu content, but when I click on the menu item again, the screen jumps down the page when it's not supposed to. I can't figure out why the screen is jumping.
Here is the code in question that is triggered:
items.Add().Text("Stores")
.Content(#<text>
<h2>Around the Globe</h2>
</text>);
It seems the screen is jumping because of the .Content() parameter.
Also, before the menu is clicked, the URL is:
http://localhost:55656/HelloWorld
But after it is pressed the URL changes to:
http://localhost:55656/HelloWorld#Menu-2
Although nothing changes besides the Kendo UI Menu opening up, it's not until it's pressed again that the screen jumps.
Seems like the Menu is navigating on click. This should only happen if you intend the item to navigate () or if you have a JavaScript error on the page and the click on the item is not prevented. Can you check if there really is an error and post it here?
I tried adding some pages in joomla but the navigation on the left disappears when following the newly add link. Please have a look here and notice the left navigation bar not showing under the "Test Menu Item" (left bottom).
I have literally copied all parameters from another menu item (e.g. "MILIEU") but it doesnt seem to affect the behavior. In stead the "news archive" item is always listed in the left navigation area.
How to remove the news archive link and have the normal navigation shown?
Please help!
Joomla 1.5.25
Check the menu assignment of the module you want to show when a menu item is selected. Check this: http://www.byte.nl/cms/images/joomlatemplatecursus/jt15_5/menu-assignment.jpg