Vertical tabs

I posted on in the toolkit forum but thought I would widen the audience a bit.

What's the best method these days for creating vertical tabs? I currently use the toolkit's tab control for my horizontal tabs but I want to put it in another tabcontainer that has vertical tabs (kinda like an old style TV set with channels as buttons). How are people doing this these days? Doesn't look like the AJAX tab control can be made into vertical tabs and after googling around I didn't see anything that jumped out at me.

Thoughts?

Thanks!

Craig

Hello craigcl,

I didn't see the implementation of this, but consider reading this article
http://www.codeproject.com/aspnet/WebTabControl.asp?df=100&forumid=304531&exp=0&select=1758008
and downloading the AJAX Toolkit sources helps your to create your own vertical
tabs

c> I posted on in the toolkit forum but thought I would widen the
c> audience a bit.
c>
c> What's the best method these days for creating vertical tabs? I
c> currently use the toolkit's tab control for my horizontal tabs but I
c> want to put it in another tabcontainer that has vertical tabs (kinda
c> like an old style TV set with channels as buttons). How are people
c> doing this these days? Doesn't look like the AJAX tab control can be
c> made into vertical tabs and after googling around I didn't see
c> anything that jumped out at me.
c>
c> Thoughts?
c>
c> Thanks!
c>
c> Craig
c>

It doesn't do this out of the box, but you can customize the AJAX Control Toolkit's tab control to do this. If you look at the tab's source, you'll see it renders just simple SPANs and DIVs. You can get a bit more insight on what is happening if you look atmy blog post on styling the tabs.

Hope this helps.

-Damien

Vertical tabs

What's the best method these days for creating vertical tabs? I currently use the toolkit's tab control for my horizontal tabs but I want to put it in another tabcontainer that has vertical tabs (kinda like an old style TV set with channels as buttons). How are people doing this these days? Doesn't look like the AJAX tab control can be made into vertical tabs and after googling around I didn't see anything that jumped out at me.

Thoughts?

Thanks!

Craig

Hi Craig,

Currently, there isn't a easy way to customize the tab control to show tabs vertically. But I don't think is quite difficult to implement your own one.

1. You may place several buttons vertically on the page.

2. Add some panels with corresponding content in them

3. Add javascript to control the visibility of these panels within the client side click handler of buttons

walkthrough problems

I have just completed my first Atlas Walkthrough using Visual Web Developer 2005 Express Edition . I choseWalkthrough: Creating a Basic ASP.NET 'Atlas' Web Application.There were a few places where I floundered.

I accidently copied both the [Visual Basic] and [C#] code fragments. Perhaps there could be a sentence dividing them.

I didn't find the following instruction very clear:

"Add a new ASP.NET page to your project and name it AtlasScript.aspx.

Note Be sure that you clear thePlace code in separate file check box. For this walkthrough, you must create a single-file ASP.NET Web page."

Compare it with the earlier precise instructions:

"In Solution Explorer, right-click the name of the site, and then clickAdd New Item.

In theAdd New Item dialog box, underVisual Studio installed templates, selectWeb Service.

Name the file HelloWorldService.asmx and clear thePlace code in separate file check box.

Select the language you want to use.

ClickAdd."

At the end, I was unsure how to run theAtlasScript.aspx page. Through trial-and-error I right-clicked the AtlasScript.asx in Solution Explorer and chose "View in Browser".

Then the script wouldn't work. There were two problems.

The first I solved by changing the functionDateTime.Now toDate.Now. This needs to be changed in the walkthrough instructions.

The other problem was that you cannot pressEnter on the keyboard, you have to click theSearch button. It is almost subconsciously-automatic to press Enter, so it would be better if it was enabled.

I have not completed my first Atlas Walkthrough using Visual Studio 2005. My experiences are similar to yours with the difference that I get stopped at the error message: Validation (XHTML 1.0 Transitional): Element 'title'occurs too few times. Error occurs in AtlasScript.aspx line 7 containing <head id="Head1" runat="server">. Any idea?

asalisse