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}

Easy and useful CSS trick to replace Image

Check out this Easy and useful CSS trick to replace Image

I used this Easy and useful CSS trick today, we are using the Bamboo Survey Web Part in my company, and I got a request to hide the survey vote results from the users and show a thank you message instead of the votes Pie chart. So what I did was adding this code to the page in a hidden Content Editor Web Part replacing the image. but since you cannot replace the Img src by using css what you do is you resize the image to zero height and width and add a background image to replace it, and the magic part is you add a padding attribute to the image to set your new backgroung image size.. here is the css code I used:


{code type=css}

<style>

#myImageID

//or .MyImageClass

{
width:0px;
height:0px;
padding: 50 px;
background-image: url (‘MyNewImageUrl’);
}

</style>

{/code}

Before Web Part With PieChart Img

The Web Part With Original PieChart Img

 

 

 

 

 

 

 

 

 

 

 

After adding the Css The Same Web Part showing a Thank You message Image

After adding the Css The Same Web Part showing a Thank You message Image