Comments on: 10 Minute Screencast: Create a tabbed, layered interface – no code required http://www.endusersharepoint.com/2009/04/22/10-minute-screencast-create-a-tabbed-layered-interface-no-code-required/ No GeekSpeak on SharePoint 2007 WSS and MOSS Wed, 15 Sep 2010 02:53:04 -0400 http://wordpress.org/?v=2.8.6 hourly 1 By: Thomas http://www.endusersharepoint.com/2009/04/22/10-minute-screencast-create-a-tabbed-layered-interface-no-code-required/comment-page-1/#comment-65008 Thomas Sat, 08 May 2010 23:31:20 +0000 http://www.endusersharepoint.com/?p=1550#comment-65008 Hi, Peter... I respect your work. This is an awesome SharePoint Template. When I downloaded the first version of it I had many problems using Folders in Document Librarys but now it makes my life a lot easier with SharePoint. Best SharePoint Tab Template. Thx a lot Hi, Peter…

I respect your work. This is an awesome SharePoint Template. When I downloaded the first version of it I had many problems using Folders in Document Librarys but now it makes my life a lot easier with SharePoint. Best SharePoint Tab Template.

Thx a lot

]]>
By: Peter Allen http://www.endusersharepoint.com/2009/04/22/10-minute-screencast-create-a-tabbed-layered-interface-no-code-required/comment-page-1/#comment-64541 Peter Allen Fri, 07 May 2010 18:31:08 +0000 http://www.endusersharepoint.com/?p=1550#comment-64541 Thomas, I have added cookies into the code to address this. Try this new code out . You will need to be able to edit the Tab Page with SharePoint Designer. You will then need to replace the current to with the below code. This should do it. [sourcecode lang="javascript"] $(function () { var tabContainers = $('div#tabs > .tabbedWindow'); var tabsX = get_cookie ( "tabs" ); if ( tabsX == null) { tabContainers.hide().filter('#tab-1').show(); } else { tabContainers.hide(); tabContainers.hide().filter(tabsX).show(); $('div#tabs ul.tabNavigation a').removeClass('ms-topnavselected selected'); $('[href=' + tabsX + ']').addClass('ms-topnavselected selected'); } $('div#tabs ul.tabNavigation a').click(function () { var tabSelected = $(this).attr('href'); tabContainers.hide(); tabContainers.filter(this.hash).show(); $('div#tabs ul.tabNavigation a').removeClass('ms-topnavselected selected'); $(this).addClass('ms-topnavselected selected'); set_cookie ( "tabs", tabSelected ); return false; }) }); function set_cookie ( name, value ) { var cookie_string = name + "=" + escape ( value ); document.cookie = cookie_string; } function get_cookie ( cookie_name ) { var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' ); if ( results ) return ( unescape ( results[2] ) ); else return null; } [/sourcecode] Thomas,

I have added cookies into the code to address this. Try this new code out . You will need to be able to edit the Tab Page with SharePoint Designer. You will then need to replace the current to with the below code. This should do it.

$(function () {
	var tabContainers = $('div#tabs > .tabbedWindow');
	var tabsX = get_cookie ( "tabs" );

	if ( tabsX == null) {
		tabContainers.hide().filter('#tab-1').show();
	} else {
		tabContainers.hide();
		tabContainers.hide().filter(tabsX).show();
		$('div#tabs ul.tabNavigation a').removeClass('ms-topnavselected selected');
		$('[href=' + tabsX + ']').addClass('ms-topnavselected selected');
	}

	$('div#tabs ul.tabNavigation a').click(function () {
		var tabSelected = $(this).attr('href');
		tabContainers.hide();
		tabContainers.filter(this.hash).show();
		$('div#tabs ul.tabNavigation a').removeClass('ms-topnavselected selected');
		$(this).addClass('ms-topnavselected selected');
		set_cookie ( "tabs", tabSelected );
		return false;
	})
});

function set_cookie ( name, value )
{
	var cookie_string = name + "=" + escape ( value );

	document.cookie = cookie_string;
}

function get_cookie ( cookie_name )
{
	var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );

	if ( results )
	return ( unescape ( results[2] ) );
	else
	return null;
}
]]>
By: Thomas http://www.endusersharepoint.com/2009/04/22/10-minute-screencast-create-a-tabbed-layered-interface-no-code-required/comment-page-1/#comment-64433 Thomas Fri, 07 May 2010 10:41:48 +0000 http://www.endusersharepoint.com/?p=1550#comment-64433 hi everybody This is a powerful template. I'm very fascinated. You already describt it on your page that the end-user will be automatically navigated back to Tab1 when IE do a refresh. On my MOSS Environment I created a *aspx page using your "Tab Template" + "a Document Library inluding Folders". Now every time when an end-user opens a Folder on Tab3 he will be throw back to Tab1. This is very cumbrous for him. Do you know a solution how I can tell IE to remeber the last Tab session? I hope you can help me hi everybody

This is a powerful template. I’m very fascinated.

You already describt it on your page that the end-user will be automatically navigated back to Tab1 when IE do a refresh. On my MOSS Environment I created a *aspx page using your “Tab Template” + “a Document Library inluding Folders”. Now every time when an end-user opens a Folder on Tab3 he will be throw back to Tab1. This is very cumbrous for him. Do you know a solution how I can tell IE to remeber the last Tab session?

I hope you can help me

]]>
By: EndUserSharePoint.com: Top 10 Commented Posts | End User SharePoint http://www.endusersharepoint.com/2009/04/22/10-minute-screencast-create-a-tabbed-layered-interface-no-code-required/comment-page-1/#comment-16170 EndUserSharePoint.com: Top 10 Commented Posts | End User SharePoint Wed, 19 Aug 2009 09:00:08 +0000 http://www.endusersharepoint.com/?p=1550#comment-16170 [...] 10 Minute Screencast: Create a tabbed, layered interface - no code required (36) Baris Wanschers and Peter Allen [...] [...] 10 Minute Screencast: Create a tabbed, layered interface – no code required (36) Baris Wanschers and Peter Allen [...]

]]>
By: Candice http://www.endusersharepoint.com/2009/04/22/10-minute-screencast-create-a-tabbed-layered-interface-no-code-required/comment-page-1/#comment-13841 Candice Thu, 18 Jun 2009 17:25:37 +0000 http://www.endusersharepoint.com/?p=1550#comment-13841 Hi There, Just wondering if there a way to create the tabbed layered interface without using a document library but some other web part that can be easily inserted on other pages throughout the site? Thanks Hi There,

Just wondering if there a way to create the tabbed layered interface without using a document library but some other web part that can be easily inserted on other pages throughout the site?

Thanks

]]>
By: Peter http://www.endusersharepoint.com/2009/04/22/10-minute-screencast-create-a-tabbed-layered-interface-no-code-required/comment-page-1/#comment-12943 Peter Mon, 18 May 2009 22:13:30 +0000 http://www.endusersharepoint.com/?p=1550#comment-12943 Iain, I recommend that you go to Baris’s original post where he outlines how to add this to an existing webpage. Here is the link: http://www.bariswanschers.com/blog/creating-tabbed-windows-sharepoint-jquery Hope that helps. Iain,

I recommend that you go to Baris’s original post where he outlines how to add this to an existing webpage.

Here is the link: http://www.bariswanschers.com/blog/creating-tabbed-windows-sharepoint-jquery

Hope that helps.

]]>
By: Iain Munro http://www.endusersharepoint.com/2009/04/22/10-minute-screencast-create-a-tabbed-layered-interface-no-code-required/comment-page-1/#comment-12912 Iain Munro Sun, 17 May 2009 23:49:18 +0000 http://www.endusersharepoint.com/?p=1550#comment-12912 Hi Peter I have tried taking the code on the Tabs.aspx page and have tried numerous attempts to get this code onto an existing page as I dont want to start from scratch. Any suggestions as to what code and where it should be placed would be appreciated. Iain Hi Peter

I have tried taking the code on the Tabs.aspx page and have tried numerous attempts to get this code onto an existing page as I dont want to start from scratch.

Any suggestions as to what code and where it should be placed would be appreciated.

Iain

]]>
By: Peter http://www.endusersharepoint.com/2009/04/22/10-minute-screencast-create-a-tabbed-layered-interface-no-code-required/comment-page-1/#comment-12887 Peter Fri, 15 May 2009 17:31:16 +0000 http://www.endusersharepoint.com/?p=1550#comment-12887 Joyce, You do not need to make any changes for WSS. It will work the same in WSS or MOSS. The documentation site is setup in WSS using the tab page and can be found here: http://www.bitsofsharepoint.com/ExamplePoint/Site/TabPage.aspx Hope this helps. Joyce,

You do not need to make any changes for WSS. It will work the same in WSS or MOSS. The documentation site is setup in WSS using the tab page and can be found here:
http://www.bitsofsharepoint.com/ExamplePoint/Site/TabPage.aspx

Hope this helps.

]]>
By: Joyce http://www.endusersharepoint.com/2009/04/22/10-minute-screencast-create-a-tabbed-layered-interface-no-code-required/comment-page-1/#comment-12874 Joyce Fri, 15 May 2009 14:09:19 +0000 http://www.endusersharepoint.com/?p=1550#comment-12874 I'm in an environment with WSS instead of MOSS. Would this work in that environment? If so, how do I need to modify the steps? Thanks in advance for any help you can provide. I’m in an environment with WSS instead of MOSS. Would this work in that environment? If so, how do I need to modify the steps?

Thanks in advance for any help you can provide.

]]>
By: Peter http://www.endusersharepoint.com/2009/04/22/10-minute-screencast-create-a-tabbed-layered-interface-no-code-required/comment-page-1/#comment-12639 Peter Fri, 08 May 2009 04:33:57 +0000 http://www.endusersharepoint.com/?p=1550#comment-12639 Patrick, No worries. Why don't you send me an email with a picture of what is happening. Please send one in the standard view and the edit mode. [email protected] Patrick,

No worries. Why don’t you send me an email with a picture of what is happening. Please send one in the standard view and the edit mode. [email protected]

]]>