[SalesForce] How to Add Custom CSS Stylesheets to Chatter Communities

Is it possible to add custom CSS stylesheets to Chatter Communities, without building a completely custom site using Force.com Sites or Site.com? Chatter Communities allows customization by inserting an HTML header, but the HTML header is actually injected into the body element of the rendered page.

Furthermore, standard merge fields such as {!Community_Name} that work with email templates and Visualforce are not recognized in the HTML header. This implies to me that the URLFOR() function and Static Resources will not work with this HTML header.

Best Answer

Right now I believe there is no way to do this that wouldn't involve some considerable hacks using Javascript, and even then I suspect getting Javascript to execute would be problematic as it'd likely have to be hosted elsewhere and imported into the page.

As always with these things, hacking it to get it working isn't recommended as future updates to the platform could easily break unsupported techniques, so I'd say your best bet is to either build something custom with sites or to just stick with standard styling and hope more cusomisation is available in the future.

Related Solutions

[SalesForce] How to enable Chatter Communities

Since Chatter communities are outdated, and maybe someone might stumble upon this post for how to enable chatter in communities (since this is one of the top google results for this question). In lightnign communities, chatter is integrated out of the box, However, for guest users, there is a setting that enables them to use chatter, under community administration in the preferences tab:

[SalesForce] How to add an HTML header to a Communities visual force page

http://www.salesforce.com/us/developer/docs/pages/Content/pages_compref_page.htm

From summer 13 salesforce(28.0) gives us ability to control the tag insertion manually.

In apex page there is an attribute called applyHtmlTag .By default this is true and if set to false then tag wont be generated automatically and instead we can manually add the tag in .

For you case as you have not mentioned anything this is set to true by default .

There is also an attribute applyBodyTag and what this does is control generation of tag into generated markup .

In your case since you have not specified by default it sets as per "applyHtmlTag" so its true so you need not put body tag again

<apex:page language="en_US" standardStylesheets="false" showHeader="false"   cache="true">
     <div>
      <h1>here you can add more html</h1>
     </div>
     <chatteranswers:allfeeds communityId="XYZ"/>
     <div>
      <h3>here you can add more html</h3>
     </div>
 </apex:page>

Best Answer

Related Solutions

[SalesForce] How to enable Chatter Communities

[SalesForce] How to add an HTML header to a Communities visual force page

Related Topic