I am using Umbraco 6 for MVC. My problem arises in my Navigation. It works as expected except on mobile devices. The navigation is modeled after the one seen here: http://htmlstream.com/unify/
On Mobile Devices, the dropdown sub nav links don't navigate to any other pages. When you expand a nav element with subpages and touch a sub nav link, it simply closes the dropdown.
I generate the navigation using a Razor partial view for each of the pages. It will start at the root and loop through creating a link for each visible node one level under the root. Upon reaching a node that has child nodes, the razor script will create sub nav items before moving along. This leaves me with a nice collapsible dropdown navigation that translates well to mobile devices.
The Urls for each of the nodes whether it is a main nav element or a sub nav element, are created in the foreach loop using #var.NiceUrl()
Perhaps this causes a problem but I can't figure out why all of the other links, whether on the main navigation or as buttons throughout the page, would work fine despite being created with the same .NiceUrl() method.
Anyone have any insight?
Please try to add the following code, in your style sheet:
.dropdown-backdrop
{
position: static;
}
Related
I've a page called Page where I'll add some blocks called a PageBlock. This two are both document types. Under the Page you could create Pageblocks and Pages. Inside my listview on the backoffice, I'll only show the Pages. In the content three, I'll only show the Pages.
How could I do that?
I've tried to find a filter but nothing found and I wouldn't write a plugin. I'm using Umbraco 7.6
Update: I know how to create an listview but how could I make a filter to show only the childeren of one document type?
I don't know if I understand the question correctly, but I think what you want to do is set the permission of Pages to allow Pageblocks as its children (On the permissions tab of Pages)
Now if you want to display the children of Pages as a listview go to List view (top right) of Pages and enable Yes - Enable list view
If you want to both be able to view children in the tree and in a listview, you can leave the above option unchecked and add a List View property to the Pages documenttype (as displayed in your screenshot)
I used this link to implement BottomNavigationBar in xamarin forms, I need to have the BottomNavigationBar in all of my pages, in this case I have a problem:
If I define MainPage in App as a non-NavigationPage, and all inner pages as NavigationPage, the bottomNavigation goes down and only it’s icons are visible!
(image1, image2)
If I define MainPage in App as a NavigationPage, and all inner pages as non-NavigationPage I'll not be able to see bottomNavigation in inner pages!
(image1, image2)
If I define both MainPage and inner pages as NavigationPage, I will have two toolbars in inner pages.
I prefer the first option if it's possible, but I cannot handle that!
Since you want your tabs to be visible all the time I would put your MainPage as a Tabbed page and then use NavigationPages as the tabs. This will allow you to have navigation in the tabs. You then place all your content in ContentPages, don't place your xaml in NavigationPages.
Navigation Pages, TabbedPages and MasterDetailsPages should contain only ContentPages.
You can find a sample in the Xamarin website: https://developer.xamarin.com/samples/xamarin-forms/Navigation/TabbedPageWithNavigationPage/
I'm using ASP.NET MVC with Razor C# and I have implemented a main menu appearing on every page through _Layout.cshtml.
One of the pages linked to this menu opens a page that includes a secondary menu.
This page with the secondary menu links to several different pages which are navigated via the same secondary menu.
I've used Partial views to hold each secondary menu page, and I'm wondering what is the easiest/preferred way to output these partial pages via the page with the secondary menu? (Or perhaps I shouldn't even be using Partial views to save having to add the secondary menu to each page).
Thanks.
Ok, A friend, who is also working on the same problem, just showed me this: https://www.youtube.com/watch?v=SrlU8sr5Tqc
So the answer seems to be Nested Layouts.
I'm developing a ASP.NET MVC5 razor project and I have a cshtml divided into two parts, left part has a div with a treeview with options like a menu and the right part is a div that I would like to load cshtml that correspond to the option selected in treeview, ¿how can I do to achieve this?
Thanks
I am making the assumption that this is a simple navigation that is consistent amongst all pages, for which you can put the common navigation in the _Layout.cshtml. This file contains all the common , , tags used for each page. If you put your navigation in here then it will also be displayed on each page.
The navigation options can then link to your normal actions which display the corresponding views within the layout page.
In this tutorial the author discusses adding a simple navigation (in the section "Using a Layout for common site elements") in the _Layout with the difference that the navigation is at the top and not at the side. You can use css to style the page differently.
I want to have 2 navigation menus- One will be a "Top Level" menu, with 4 choices, each pointing to the index of a separate controller.
I would like to have a "Controller-Level" sub-menu on the left of my screen. This will correspond to links relevant to the controller selected in the top menu.
The "controller-level" menu is not static and needs to be customized based on roles of user.
The top-level one is basic. But how can i create the second menu that will change when a controller is selected from top?
danke!
I'm working on a similar situation where I need two menus. Was a "best-practice" ever resolved here? I have the need for one menu on the left, and a dynamically created tab-like menu at the top depending on what page I'm working with/on.
The user actually needs the ability to add/remove/hide top tabs depending on preferences. We are using MVC 2 and I'm not sure if the tab bar belongs in a control, on individual views, or what...and also how to make them both interact with my pages. (The left nav needs to show where the user is at all times, and the top tab needs to be highlighted based on the sub-page the user has selected.
If you are using MVC 2 RC or MVC Futures, then use RenderAction.
Create a controller for the dynamic menu, and call RenderAction("action", "controller"). This will invoke the controller, and you can have your logic in the controller to show the correct menu.