I have a question for the navigation and I don't know how. For example when the users access the product page, on the top of the page it will display home > product, if the user access one product in the pens category, it will display home>product>pens.
View 6 Replies
i've been looking everywhere to find a good tutorial on building a simple breadcrumb navigation for my application. I know that MVC 2.0 can do this very easily but for my application it needs to be in 1.0 as that is what is used at the University. Could anybody point me in the right direction as I seem to be spending way too much time for something that is supposed to be a simple add on.
View 1 Repliesi wants to display site navigation in my project using breadcrumb.
View 7 RepliesIam using masterpage and i want to use navigation menu ,but i don't want to use sitemap concept
how to work with navigation menu and assign the pages in navigation menu in master page
We have a dynamic sitemap and all nodes in the sitemap display a breadcrumb. Is it possible to have the breadcrumb still showing, but make the link in the sitemap invisible or non-clickable? Reason for this is that... we dont want users to select some pages from the sitemap (becasue they need to conduct a search first to populate a datagrid) and clicking on the link will only take them to an empty page. I tried just removing the url, or having a blank title, but that didn't work.
View 14 RepliesI would like to create a webpage which can handle user events like page navigation and page close. And also I would like to handle the event on server-side coding.
View 1 RepliesDo you have any idea about the problem causes change the size of my nested aspx pages which are included in master page... When I click on my menu items, it navigates to new aspx pages which is in the content-placeholder .but new pages are getting smaller so my page contents, images, tables, text are moving. And my internet explorer is shutting down.
View 2 RepliesI've been tasked with managing the re-write of a very large enterprise application's UI. The existing UI was built upon an infrastructure which leverages the EntLib 3's PageFlow application block and the Web Client Software Factory. It performs horribly - part of the reason we need this upgrade so badly.
The problem is that these pageflows are very complex, using extensive conditional page transitions. When editing a data form, selection of a single value can determine not only what page you will reach when you click "Next", but whether a sub-pageflow is entered upon navigation instead, or a new pageflow is opened in parallel, etc. We deploy our UI in such a way where we control our API, but we allow certain licenses to purchase our UI code and extend/modify it as they deem fit. One of our selling points is that we allow the customer to "configure" or redefine pageflows using the VS designer.
In transitioning to MVC2 (or 3), we'd like to continue to offer configurable, conditional navigation throughout our various data entry page sequences. However, although I have developed the beginnings of our app in MVC2, I'm not sure the best way of implementing this data-entry pageflow "conversion". Sure, I've had my resources produce some solid designs - but all of them seem to require implementation of a complex controllerfactory. But one of the main attractions of MVC2 for me was its lightweight codebase and resultant performance gains - and I'm afraid that bypassing portions of MVC2 functionality by writing custom factories and the like will drastically reduce the performance of the app, making our UI refresh virtually worthless.
My initial thought was to write a custom filter that would implement the OnActionExecuted method. Every controller's primary POST methods would be marked with this attribute. Upon execution it would evaluate what view the user was on and look up the navigation event for that view in configuration. This config would have a default "next page"/"previous page" mapping, and can also allow for defining a type which would use conditional logic to determine the next page based on the posted model data. The actionfilter would use this type to find what route to navigate to next. I'd like to pick you experts' brains on this - does this seem like a solid design? Is it using best practices? And will it indeed perform better than a controller factory, or am I completely off-base here?
I am making an online exam website where a user is taken to a page where there are multiple choice questions. I want to set it up so that once a user navigates to this exam page, he cannot navigate back. The only way he can get out of it is by clicking the submit button and then he cannot access that page again. The questions on the exam page are in an sql database. restricting the navigation of the page.
View 2 RepliesI am having a problem with my menu. My navigation menu gets created with data from different tables in a database. When the page loads after a few minutes the navigation menu disappears from page. Does anyone have had this problem or knows how to fix it?
View 3 RepliesI am using ASP.NET MVC 2 & .Net 3.5 with Visual Studio 2008. Ok, what I am referring to by 'Wizard type page navigation', is a site where you have a list of stages in a given process or workflow. There is some kind of visual denotation to indicate which part of the stage you are at. I have already implemented this part (albeit, it smells like a hack) via the following:
css class current denotes active page.
css class notcurrent denotes in-active page (i.e. page you are not on)
I declared the following method in a class called NavigationTracker.
public static String getCss(String val, String currView) {
String result = String.Empty;
String trimmedViewName = currView.Substring(currView.LastIndexOf("/") + 1).Replace(".aspx", "");
if (val.ToLower().Equals(trimmedViewName.ToLower()))
result = "current"; else result = "notcurrent"; return result; }
I have my stages in a control like this:
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<%@ Import Namespace="TheProject.Models" %>
<link href="../../Content/custom.css" rel="stylesheet" type="text/css" />
<% String currentView = ((WebFormView)ViewContext.View).ViewPath; %>
<table width="100%"> <tr>
<td class="<%= NavigationTracker.getCss("LogIn",currentView)%>" style="width:18%;">Log In</td>
<td class="<%= NavigationTracker.getCss("YearSelect",currentView)%>" style="width:18%;">Year Section</td>
<td class="<%= NavigationTracker.getCss("GoalEntry",currentView)%>" style="width:18%;">Goals</td>
<td class="<%= NavigationTracker.getCss("AssessmentEntry",currentView)%>" style="width:18%;">Assessment</td>
<td class="<%= NavigationTracker.getCss("SummaryEntry",currentView)%>" style="width:18%;"> Summary</td> </tr> </table>
To supplement this process, I'd like to create a user control that just has Previous & Next buttons to manage going through this process. So far, one snag I've hit is that this control cannot be put in the master page, but would have to be included in each view, before the form ends. I don't mind that so much. Clicking either the Previous or Next button submit the containing form to the appropriate action; however, I'm unsure on how to do the following:
1) Detect whether the Previous or Next button was clicked
2) Show/Hide logic of Previous & Next buttons at the beginning & end of the process respectively.
Another oddity I'm noticing with my application in general is that, after going through several pages of the process, if I click the back button, some values from my model populate on the page and others do not. For example, the text entered for a text area shows, but the value that had been chosen for a radio button is not selected, yet when inspecting the model directly, the appropriate object does have a value to be bound to the radio button. I may just need to put that last part in a new question. My main question here is with the navigation control. Any pointers or tips on handling that logic & detecting whether Next or Previous was clicked would be most helpful.
I had a thought to put a hidden field in the control that displays the Previous & Next buttons. Depending on what button was clicked, I would use javascript to update the hidden fields value. The problem now seems to be that the hidden field is never created nor submitted with the form. I've amended the controller post arguments to accept the additional field, but it never gets submitted, nor is it in the FormCollection. Here is the code for the hidden field. Note that its being generated in a user control that is called inside of the form on the parenting view (hope that makes sense).
<% Html.Hidden("navDirection", navDirection); %>
In short, the solution was to have a Navigation class like the one suggested with logic to determine the next or previous page based on the current view & a string list of all views. A partial view / user control was created to display the Previous / Next buttons. The user control had 2 hidden fields: 1) One with the value of the current view 2) a field indicating navigation direction (previous or next). Javascript was used to update the hidden navigation field value depending on what button was clicked. Logic in the user control determined whether or not to display the 'Previous' or 'Next' buttons depending on the first and last views in the wizard when compared to the current view. All said, I'm pretty happy with the results. I'll probably find some code smell issues when I return to this, but, for now, it works.
Here is the code for the control I built to display the 'Next' & 'Previous' navigation buttons:
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<%@ Import Namespace="Project.Models" %>
<link href="../../Content/custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" > function setVal(val) {
var nav = document.getElementById("NavigationDirection"); nav.value = val;
} </script> <% String currentView = ((WebFormView)ViewContext.View).ViewPath;
String navDirection = "empty"; currentView = NavigationTracker.getShortViewName(currentView); %>
<input type="hidden" value="<%= currentView %>" name="CurrentView" id="CurrentView" />
<input type="hidden" value="<%= navDirection %>" name="NavigationDirection" id="NavigationDirection" /> <% if( currentView != NavigationTracker.FirstPage) { %>
<div style="float:left;"> <input type="submit" value="Previous" onclick="setVal('previous')" />
<!-- On click set navDirection = "previous" --> </div> <% } %>
<% if (currentView != NavigationTracker.LastPage) { %>
<div style="float:right;"> <input type="submit" value="Next" onclick="setVal('next')" /> <!-- On click set navDirection = "next" --> </div> <% } %>
From there, you render the control just before the closing tag of a form on views you want it like so:
<% Html.RenderPartial("BottomNavControl"); %> <% } %>
Now I can't really post all of the NavigationTracker code, but the meat of how it works can be deduced from the selected answer and the following snippet that returns the name of the view, based on the current view and the direction (previous or next).
public String NextView { get {
if (String.IsNullOrEmpty(this.NavigationDirection)) return string.Empty;
int index = this.MyViews.IndexOf(this.CurrentView); String result = string.Empty;
if (this.NavigationDirection.Equals("next") && (index + 1 < MyViews.Count ) {
result = this.MyViews[index + 1]; }
else if (this.NavigationDirection.Equals("previous") && (index > 0)) {
result = this.MyViews[index - 1]; } return result; } }
Now, doing all of this has a few side effects that could easily be considered code smell. Firstly, I have to amend all of my controller methods that are marked [HTTPPOST] to accept a NavigationTracker object as a parameter. This object contains helper methods and the CurrentView & NavigationDirection properties. Once this is done, I can get the next view the same way in all of my actions:
return RedirectToAction(nav.NextView);
where nav is of type NavigationTracker.
Another note is that the FirstPage & LastPage properties of NavigationTracker are static so I'm actually using NavigationTracker.FirstPage in my global.asax.cs file for my routing. This means I can go to my NavigationTracker class and change the flow in one place for the entire application.
I'm getting following error in Firefox while switching tab in the page Error: clientActiveTabChanged is not defined The following code I'm using in the master page
<cc1:TabContainer runat="server" ID="TabContainerMain" OnClientActiveTabChanged="clientActiveTabChanged">
<cc1:TabPanel runat="server" ID="TabPanelEmployee" Enabled="true" HeaderText="Employee">
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanelEmployee" runat="server" UpdateMode="Conditional">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="buttonEmployee" />
</Triggers>
</asp:UpdatePanel>
</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel runat="server" ID="TabPanelAdmin" Enabled="true" HeaderText="Admin"
Width="100%">
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanelAdmin" runat="server" UpdateMode="Conditional">
<Triggers>..........................
Im using a masterpage with my site and I would like to use an extra navigation pane which slides out. I currently have it working using an Ajax collapsible panell extender. At the moment, the navigation panel is outside of the main contentplaceholder, although it works it isn;t what I need.I need the user to be able to click the expand image and the navigation pane to slide out over the content on the page
View 1 RepliesHow to achieve the below using frames in asp.net?
[URL] ....
The menu in the navigation bar is static.
how to use breadcrumb in C#.net. Is any class for breadcrumb..
View 2 RepliesI am using ajax tabcontrols( 4 tabs) with a gridview in each tab. When a row is first selected in the first tab, the data relevant to the selected row appears in the second tab in the gridview and so on.I want to create a bread crumb which shows the data selected in each case. For eg ) if I select the data A in tab 1, and data B in tab2, the breadcrumb should show A-->B .
View 3 RepliesI have table with data
[code]...
This table has data about all pages with sub sections and tab column indicates that it is tab on that page but not a new page I want to generate xml and generate a breadcrumb using this data, how can i achieve that using this data?
How can you perform page navigation with Jquery tabs without the ajax events firing? Following the tutorial, I added
$("#tabs").tabs({
select: function (event, ui) {
var url = $.data(ui.tab, 'load.tabs');
if (url) {
location.href = url;
return false;
}
return true;
}
});
And I added hrefs to the tabs going to other pages. The problem is, I have ajax used on the page and onload it posts to the url with an ajax call. I was hoping to disable ajax altogether for the tabs and just use them for straight navigation so I can leverage the styles.
I'm trying to create an ASP.NET MVC master page so the site navigation on it will look like this:
Main Menu:Home | About | News
Sub Menu: Home_Page1 | Home_Page2
The Sub Menu section should always show sub-menu for the currently selected Main Menu page (on the example above 'Home' page is selected) unless a user hovers the mouse on another Main Menu item (then it shows that item's sub-menu instead).
Im building a navigation and want to display the current page (Default.aspx, OtherPage.aspx) the user is on with a class.Right now I just have a bunch of links as <a> tags.Here is a my menu:
[Code]....
As you can see the Default.aspx has the class active, but that is just something I put in.How do I do this dynamically?I know I can use Path.GetFileName(Request.FilePath) to get what page the user is on.
How can I maintain gridview page index while navigating away from the form and getting back by either the browser's back button or custom navigation button?
View 1 RepliesI am developing a registration process in an MVC application. The process consists of 4 steps. I would like users to be able to see where they are in the registration process. i.e. I would like them to see a breadcrumb with each step displayed. If a user is on the first step, they should see all 4 steps displayed but only the first step should be enabled. If they are in the second step, they should only see the first and second steps enabled etc. The first link would take them back to the first step. I have considered using 4 action links to implement this. Is this the best way? If so, how do I disable and enable actionlinks?
View 6 RepliesDoing some new requeriments over a webApp, here in my job, one of these reqs..talk about a multilingual Menu .. I did the menu without problems..{I Used a CustomSiteMapProvider} but in my website, I have a SiteMapPath.. when the master page is loaded {where the menu and de siteMapPath lives}.. my menu is renderized so good.. but not my siteMapPaht.. it dissapears...It's possible that a siteMapPath reads the siteNodes created in my CustomSiteMapProvider ?
View 2 RepliesI've done my research about how will i save the selectednode in treeview and scrollbar state after page navigation but i can't find any solution. Is there a way or alternative way on how to do this?
View 6 RepliesWhat is the best way to include repeating content on every page of a website such as a navigation menu?
View 2 Replies
