1

Found out how to change the background of one single page (body of that page). This works when I want a single page or two to have a specific background instead of modifying a master page.

Is there something similar to change the background color of a webpart? or add an image as the background? or even make it transparent?

Thanks as always!

  • I have been looking for this for a long time. thanks. Is there any way to replace the background color with an image? thanks again, TDR. – user24092 Mar 3 '14 at 8:19
4

Basically, it can be done with css with header and table changing:

.s4-wpTopTable {
background: 
#FEE;
}

.ms-WPHeader {
background: 
#FEE;
}

If you want to apply this to particular web-part, you can add additional css-marker class on you web-part render methods to find you web part instance later or use js/jQuery-client bases techniques to apply/change css on target webpart.

enter image description here

1

The WebPart class has properties for background color and background image URL.

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.webparts.webpart_properties

  • @rob...thanks for the reference. btw I have learned quite a lot from your videos out there! great help...thanks! – Justin Jun 26 '12 at 18:22
0

You can change the background by simply assigning relevant CSS to the topmost table or div tag that your webpart generates.For data-view, the html markup is in its XSL.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.