ASP.NET Tabs to Navigate to Existing Pages - asp.net

I am writting a log viewer application,and i have all the pages already written. (Visualizer,Configuration and a third one).
Is it possible to create a tabbed control or anything like this,that allow me to navigate through those pages without having to paste all the code of all the pages in a single .aspx file ?
How can i make a tabbed control (multiview,i guess,right ?) to navigate to the existing pages?
Once i click a tab,it changes the content of a container above the tabs.
Is it hard to do ?

If i understand your question corrctly, You are probably looking for something like a jquery tabs menu.
option 1 - try the demo and see if it is what you are after
Option 2 - this is the demo

Related

Report Viewer looks bad with master page?

I am using report viewer control with my web application, if I use it without master page it looks perfect but if i use it inside masterpage, it has lots of formatting and css issues. does anyone knows why?
Because it may some Css files affect the appearance of your reportviewer container ,so try to remove the CSS files one by one from your master page and check the look every time so that u know the exact file which cause your problem,after that you can make a custom style to your report viewer container .

Dynamic theme in asp.net

i want to develop our site in such a way user can choose theme. when user will choose theme then i want show the images of our site' home page with various look and user will just choose the images and theme of our site will be change. i know how to change theme from the code behind.
my question is that how could i display the various images of my site's home page with different look which user choose. please tell me the way out. if possible give me a small code to generate the images of my site's home page with different theme attach which user will choose. if anyone know any sample of such things according to my requirement then please give me the url from where i can download the sample.
thanks
I think I know what you're trying to say, and I would go about it like this:
Apply a theme to your site, then run it
Take a screenshot of your homepage
Open Paint and paste the screenshot onto the canvas
Save the image as "MySite_Theme1" or something like that
Once you have followed these steps for each of your themes, do the following to apply each preview to a button
Add the screenshots to your site's Images folder.
Go back into your site and create an <asp:ImageButton> for each theme. Apply ID, ImageURL, ImageAlign, runat, Height, and Width. The control should resize the image based on the button's height & width.
Go to changing themes with buttons, how? for coding the code behind.
I hope this helps you out
EDIT: I would also look for the book Beginning ASP.NET in C# & VB. Wrox is the publisher. I have found that and a lot more at www.wowebook.com :)
You could use ASP.NET Themes which could be changed dynamically at runtime.

how to make a tabbed page, when you have 6-7 pages to load?(css/jquery)

i want to make a css/jquery tabbed for an "Admin panel", so it will all be loaded without the need to refresh.
im going to do it dynamicly but its a small exercise site so i know ill have only 3-4 main "areas" to edit in the panel (the tabs in the top).
the thing is i have other links for each editing area.
is there a way to do it with jquery, without the need of putting all the code in 1 page, in 3-4 divs and make them all invisble except the tabed being choosen(like ive seen in examples)?
in examples i saw all the content in one page, and if adding the top tabs and also the pages of each area(lets say delete, edit etc) its alot of code.
is there a comfortable way of doing it, while being able to make it dynamicly in the future?
edit to answers:
i already made tab from the this tutorial:
http://net.tutsplus.com/html-css-techniques/how-to-create-a-slick-tabbed-content-area/
the thing is, at first in the admin menu i have like 13-14 html pages(before it becomes php) with different operations.
how would you take 13 pieces of code(they have the layout and the admin+admin menu yet the content is changed) that should be in different files, and make them show up in the same tab?
would you have to split each code to only its div, and then load it someway?
from the tutorial above, they used all of the content in one page and used invisible......
how would you load 13 pieces?
Have a look at the jQuery UI Tab Widget:
you can load the tab content statically or dynamically with AJAX
it uses the jQuery CSS framework
it's easy and full of sample code

Change theme dynamically without page refresh in ASP.NET

You must have noticed one link in yahoo.com, msn.com or other popular websites named "Page Options". When you click this link you get a popup displaying different small several color icons. After clicking one of these icons your page theme changes without entire page refresh. Now you are able to see the same page with different look and feel.
How does it happen and what it takes to do it? Is this possible in ASP.NET? If yes, how to do it?
Show me some syntax.
Here is an example of how to change CSS stylesheets on the fly using jQuery.

What approach to take for an ASP.NET web application w/ tabs

Hey I just began working on a new project that requires, tab navigation, and within each page, more tab navigation, and then within those pages dynamic ASP.NET content. The problem is I do not want all of my code on one page, that would just be a very large and bloated page. I was wondering what available methods of approach there are for this issue. I checked jQuery tabs, and I see I can link html files using AJAX but I need aspx files not just HTML.
Thanks ahead of time.
I've had to deal with this on many projects. After trying quite a few libraries my approach to tabs is to always do these myself using plain CSS.
But note having multiple layers of tabs is a but usability no-no. Remember Windows 3.x and 95 did this quite a bit. It's less an issue these days. You can try an accordion control along with the tabs to filter your screens
One one particular project, we used DevExpress ASPxTabPages for a while. These worked well, but were a bit heavy for such a simple task. We then moved the project to JQuery, but ran into situations where JQuery UI Tabs started to be an issue as well. Particularly when generating tabs using master pages and render actions in ASP.Net MVC. We finally settled on regular CSS and HTML. Javascript really isn't even needed. Though I'm sure JQuery can be used to spruce things up.
An example of CSS tabs can be found at http://www.htmldog.com/articles/tabs/. There are live examples on that page as well.
what you could do is:
make a tab a span
when clicked on that tab/span, fire jquery and do a GET to a page on the server which represents the tab content
pro: no initial loading of the content of the tabs
Con: slight delay when you click a tab (first time only if you can cache the content of the tab)
this is done when you think that only a few of all of your tabs are clicked: you don't have to load all the data users ain't gonna see.
If you think the user is going to look at all the tabs, then you can load everything in one page. You can use a user control for each tab so no super large page and wrap the output of the usercontrol in a DIV
Then also make a tab a span, and when clicked on the tab/span, make the right DIV visible and hide the others.
I just made a user control that contained the Ajax Tab Control for my sub menu. Each tab actually takes you to a different page.
I blogged about how I did this HERE.

Resources