Christophe’s Easy Tabs at Path to SharePoint
That Christophe guy over at Path to SharePoint never rests! I just spotted his post on his new Easy Tabs Web Part. I haven’t dug under the covers on it yet, but Christophe’s stuff is always nice.
The Easy Tabs Web Part is a Content Editor Web Part with some JavaScript. When added to a Web Part zone, the script identifies all the Web Parts that are present in the zone. For each visible Web Part it creates a tab named after the Web Part title.
The look and feel of the tabs match the theme of the site.
UPDATE 2009-05-26: I did some fiddling with this today, and it is really slick, and so elegant in its simplicity!
Hi Christophe,
I tried using the EasyTabs_Bis, but not sure how to use it. Can you give an example or demonstrate how to use it? I used it and it didn’t add a second row of tabs.
Thank you.
Loan:
Easy Tabs isn’t my thing, but Christophe’s, over at Path to SharePoint. Drop over there to leave your question for him.
M.
Hey Marc,
It is working fine. Thanks a lot. But I would like to change the tabs style as per my requirement. How can I apply the CSS for tabs.
Well, that’s sort of an exercise left to the reader. ;+) Use a DOM inspector like the IE8 Developer Tools to look at the CSS classes and adjust accordingly. In one instance where I’ve used the Easy Tabs, my DOM looks like this:
M.
Thanks a lot. This was really helpful and every easy to deploy too.
Is it possible to run this feature for new and edit form? It only works for dispform :o(
I’m not sure about your question. If you’re asking about Easy Tabs, best to ask Christophe.
M.
Hello Marc,
Following line of script which works in SharePoint2010 is not working in Sharepoint2016.
This is ffrom Easytab.JS file.
url = “/Lists/Mylist/” + $(this).attr(‘projtype’) + “.aspx?FilterField1=CustNum&FilterValue1=” + $(this).attr(‘cust’);
ANy help would be highly apprictaied !!
@Tamil:
You’re looking at a blog post from 2009, so a lot has changed since then. The DOM elements in 2016 are significantly different than they were in 2010. In fact, my post was probably written in the 2007 days!
If you are truly interested in sing EasyTabs, I’d suggest you get in touch with Christophe.
M.
How to have a link to a specific tab. For example if I have to send a link of SharePoint page to users then they see all the tabs. Is there any possibility that I can send them the link to a specific tab ?
Thanks for your help in advance.
@Imran:
This post is from 2009, so I doubt you are using the same tools at this point. What version of SharePoint are you using?
M.
Hi Marc,
Thanks a lot for reaching out to me.
I am using SharePoint 2016. Is there any possibility on this version ?
Thanks &Regards,
Imran
@Imran:
You should reach out to Christophe about that. It’s his solution.