Easy Tabs v-5 for SharePoint 2013

Easy Tabs v-5 for SharePoint 2013

Easy Tabs v-5 is a great script you can use to bind your SharePoint web parts in Tabs that’s been around since MOSS 2007!
The best thing about this tabs script is that it’s generic and that it works in a “Copy & Paste” kinda way, so that it can be used simply by any end-user without knowing JavaScript.
It binds all the web parts inside the same web part zone in tabs and uses their titles for their related tab title.
You can generate the script here at the User Managed Solutions site
But they haven’t released a 2013 version.. Luckily Venkatesh Ramasamy fixed the code so that it would work in SharePoint 2013.
His code along with instructions for using the script can be found here.
I got to use this script lately and it worked perfectly, I’ve made some CSS adjustments and added some CSS3 simple transitions to make it look more modern as you can see here:

Easy Tabs 2013

Easy Tabs 2013




Also I’ve added some documentation to the script, to make changes easier, you can copy my modified script from here –

{code type=css}

{/code}
{code type=javascript}

{/code}

SharePoint Data View XSLT Tips and Tricks – Limit text field

SharePoint Data View XSLT Tips and Tricks – Limit text field

Here is an XSLT syntax used to limit the number of characters of a text column (in this example the title field), In case the text is more than 50 characters long this function will substring it from the start and up to its last occurrence of a white space and add 3 points after it –
{code type=html}

{/code}

If you don’t mind your text being cut off after the limited number of characters you could use this shorter XSLT syntax –
{code type=html}

{/code}


To count how many characters can fit your designated area you can use this nice online tool.

SharePoint Data View XSLT Tips and Tricks - Limit text field

Ellipsis

This is a cool trick to use, but if your text field should fit into one row only, you shouldn’t bother with it and it will be smarter to use this CSS Truncate String with Ellipsis technique which is supported in almost all browsers (even by IE8 believe it or not!).