Skip to main content

Dymanic Header Color For your Webparts


Paste the below script on your Content Editor Webpart, put this webpart in the footer zone.
All webparts will render based on the color specified in the Array order.



  1. <script type="text/javascript">
  5. var bcol=new Array("#E18B6B", "#F665AB", "orange", "rose", "blue");
  7. var rcnt=0;
  10. var x= document.getElementsByTagName("TD");
  11. for(var i=0;i<x.length;i++)
  12. {
  13. if(x[i].title !="Forums" && x[i].title !="")
  14. {
  15. if(rcnt == 5)
  16. rcnt=0;
  18.  var td =x[i];
  19. var row =td.parentNode;
  20.  for (var j = 0, col; col = row.cells[j]; j ++) {
  21.      col.style.backgroundColor =bcol[rcnt];
  22.    }  
  23. td.parentNode.style.backgroundColor =bcol[rcnt];
  24. td.style.backgroundColor=bcol[rcnt];
  25. rcnt =rcnt +1;
  26. }
  27. }</script>

Comments

Post a Comment

Popular posts from this blog

Site Logo Not Changing on Web Part Pages

I tested and reproduced your issue in my local machine. Since the Web Part Pages would override the content in PlaceHolderPageTitleInTitleArea place holder, the site logo would not change automatically. So would you please try remove or comment the following control TitleBarWebPart: See the similar scenario and solution: http://emanonsolutions.blogspot.com/2010/02/left-navigation-webpart-pages.html Hope this can help.
Post a Comment
Read more

Create a Custom Site Definition with Additional Content in SharePoint 2010 Using Visual Studio 2010

·          Web Templates ·          Site Definitions and Configurations ·          Deciding Between Custom Web Templates and Custom Site Definitions ·          Understanding Onet.xml Files ·          How to: Create a Custom Web Template ·          Overview of Creating Custom Site Definitions Site Template Configurator utility http://stefan-stanev-sharepoint-blog.blogspot.com/search/label/SharePoint%202010 Create a Custom Site Definition with Additional Content in SharePoint 2010 Using Visual Studio 2010 http://community.bamboosolutions.com/blogs/sharepoint-2010/archive/2010/11/11/sharepoint-2010-cookbook-how-to-create-a-custom-site-definition-with-additional-content-in-sharepoint-2010-using-visual-studio-2010.aspx http://blogs.msdn.com/b/allenwang/...
1 comment
Read more

SPFx Fantastic 40 Web Parts

SPFx Fantastic 40 Web Parts Ref Link :  https://github.com/OlivierCC/spfx-40-fantastics Menu & Carousels & News Management Overview Web Part Description News Carousel Insert a classical, responsive, cool & touch ready News Carousel. With this web part, you can add easily news focus in your SharePoint site. The users can easily navigate in news items, with buttons or with touch. Tiles Menu This Web Part allows you to very easily create a menu in form of tiles that is responsive and adapted for mobile. You can directly manage the items on your menu, with a title, an image and manage Visual rendering options. 3D Carousel Insert a 3D Carousel in your SharePoint pages. With this Web Part, you can manage your menu items and create automatically a 3D carousel. Coverflow Generates a Coverflow Apple like menu in your pages. Manage your menu items with title and picture and create a cool coverflow menu. News Slider Insert a News Slider Tiles control to your pages....
Post a Comment
Read more