Skuid icons, and filter titles not displaying correctly in Salesforce community

In the image below, the skuid filter fields and icons display correctly (Skuid Page Preview)

When I link the page to a Salesforce community using the skuid page lightning component, the skuid filter fields and icons do not display correctly.

Any suggestions on how I can fix this?

Have you updated your themes? Also, which icons are you using?

Are your referring to my salesforce template?  -
Updates
You’re already using the latest version of your template: Partner Central Spring ’18.

I am using Font Awesome 4



Furthermore, what version of Skuid are you running?

I’m using version - 11.0.6
I do not have an update button.



I’m looking into the Font Awesome 4. If you don’t see the button, that means your themes are fully updated. Can you post the XML for the page so I can see your filter’s setup?

Thanks, the priority is definitely the buttons and search showing code.

Think Cloud Art/art/s/sfsites/l/%7B%22mode%22%3A%22PRODDEBUG%22%2C%22app%22%3A%22siteforce%3AcommunityApp%22%2C%22loaded%22%3A%7B%22APPLICATION%40markup%3A%2F%2Fsiteforce%3AcommunityApp%22%3A%22FNkQD0p4N3t15lUHtKKWog%22%7D%2C%22styleContext%22%3A%7B%22c%22%3A%22webkit%22%2C%22x%22%3A%5B%22isDesktop%22%5D%2C%22tokens%22%3A%5B%22markup%3A%2F%2Fforce%3AformFactorLarge%22%2C%22markup%3A%2F%2Fsiteforce%3AserializedTokens%22%2C%22markup%3A%2F%2Fforce%3AsldsTokens%22%2C%22markup%3A%2F%2Fsiteforce%3AauraDynamicTokens%22%2C%22markup%3A%2F%2Fsiteforce%3AsldsFontOverride%22%5D%2C%22tuid%22%3A%22IU-E14MIpbiGzcvBa8z3oA%22%7D%2C%22pathPrefix%22%3A%22%2Fart%22%2C%22ls%22%3A1%2C%22m%22%3A1%7D/app.css" as="style"/>/art/s/sfsites/l/%7B%22mode%22%3A%22PRODDEBUG%22%2C%22app%22%3A%22siteforce%3AcommunityApp%22%2C%22serializationVersion%22%3A1%2C%22loaded%22%3A%7B%22APPLICATION%40markup%3A%2F%2Fsiteforce%3AcommunityApp%22%3A%22FNkQD0p4N3t15lUHtKKWog%22%7D%2C%22pathPrefix%22%3A%22%2Fart%22%2C%22ls%22%3A1%2C%22m%22%3A1%7D/app.js" as="script"/> .auraMsgMask, #auraErrorMask, body .auraLoadingBox { display: none; }

.spaError { padding: 10px; }
.spaErrorLink { padding: 10px 0; display: block } #auraAppcacheProgress{display:none;position:absolute;width:120px;height:26px;top:-10px;left:50%;margin-left:-60px;background-color:gray;border-radius:5px;overflow:hidden;z-index:9999}#auraAppcacheProgress .progressBox{position:absolute;top:14px;left:10px;width:100px;height:6px;overflow:hidden;background-color:white;border-style:solid;border-color:#999;border-width:1px}#auraAppcacheProgress .progressBar{width:1px;height:8px;overflow:hidden;background-color:blue;border-style:solid;border-color:black;border-width:1px}#auraAppcacheProgress.error .progressBar{border-color:red;background-color:pink} <link href=“/art/s/sfsites/runtimedownload/fonts.css?lastMod=1519644820000&brandSet=911b0a08-f04a-4dfe-8c18-0a15467132bd” type=“text/css” rel=“stylesheet” id=“siteforce_fontStyleSheet”/>.siteforceContentArea .comm-layout-column .ui-widget:not(:last-child) {margin-bottom:1.5rem}.siteforceContentArea .comm-layout-column:not(:empty) {padding-top:.75rem; padding-bottom:.75rem}

Loading
×Sorry to interrupt
CSS Error
<a href=“?” id=“auraErrorReload”>Refresh
<script src=“/art/jslibrary/1519683252000/ui-sfdc-javascript-impl/BaseTemplateCommunities.js” type=“text/javascript”><script src=“/art/s/sfsites/l/%7B%22mode%22%3A%22PRODDEBUG%22%2C%22app%22%3A%22siteforce%3AcommunityApp%22%2C%22fwuid%22%3A%22SaHmg6-QgXzr0hHuQmnwBA%22%2C%22loaded%22%3A%7B%22APPLICATION%40markup%3A%2F%2Fsiteforce%3AcommunityApp%22%3A%22FNkQD0p4N3t15lUHtKKWog%22%7D%2C%22pathPrefix%22%3A%22%2Fart%22%2C%22ls%22%3A1%2C%22m%22%3A1%7D/inline.js?aura.attributes=%7B%22schema%22%3A%22Published%22%2C%22brandingSetId%22%3A%22911b0a08-f04a-4dfe-8c18-0a15467132bd%22%2C%22authenticated%22%3A%22true%22%2C%22formFactor%22%3A%22LARGE%22%2C%22publishedChangelistNum%22%3A%22145%22%2C%22viewType%22%3A%22Published%22%2C%22themeLayoutType%22%3A%22Inner%22%2C%22language%22%3A%22en_US%22%2C%22pageId%22%3A%22b8d0c33a-2961-4195-9bb7-ab2a061cc518%22%7D&jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9…0Olli_g3NB2BGqB7Zo3PHR7RmrlO-C0oZh6735Z-SfY”><script src=“/art/s/sfsites/auraFW/javascript/SaHmg6-QgXzr0hHuQmnwBA/aura_proddebug.js”><script src=“/art/s/sfsites/l/%7B%22mode%22%3A%22PRODDEBUG%22%2C%22app%22%3A%22siteforce%3AcommunityApp%22%2C%22serializationVersion%22%3A1%2C%22loaded%22%3A%7B%22APPLICATION%40markup%3A%2F%2Fsiteforce%3AcommunityApp%22%3A%22FNkQD0p4N3t15lUHtKKWog%22%7D%2C%22pathPrefix%22%3A%22%2Fart%22%2C%22ls%22%3A1%2C%22m%22%3A1%7D/app.js”><script src=“/art/s/sfsites/l/%7B%22mode%22%3A%22PRODDEBUG%22%2C%22app%22%3A%22siteforce%3AcommunityApp%22%2C%22fwuid%22%3A%22SaHmg6-QgXzr0hHuQmnwBA%22%2C%22loaded%22%3A%7B%22APPLICATION%40markup%3A%2F%2Fsiteforce%3AcommunityApp%22%3A%22FNkQD0p4N3t15lUHtKKWog%22%7D%2C%22pathPrefix%22%3A%22%2Fart%22%2C%22ls%22%3A1%2C%22m%22%3A1%7D/resources.js?version=1519569459000”><script src=“/art/s/sfsites/l/%7B%22mode%22%3A%22PRODDEBUG%22%2C%22app%22%3A%22siteforce%3AcommunityApp%22%2C%22fwuid%22%3A%22SaHmg6-QgXzr0hHuQmnwBA%22%2C%22loaded%22%3A%7B%22APPLICATION%40markup%3A%2F%2Fsiteforce%3AcommunityApp%22%3A%22FNkQD0p4N3t15lUHtKKWog%22%7D%2C%22pathPrefix%22%3A%22%2Fart%22%2C%22ls%22%3A1%2C%22m%22%3A1%7D/bootstrap.js?aura.attributes=%7B%22schema%22%3A%22Published%22%2C%22brandingSetId%22%3A%22911b0a08-f04a-4dfe-8c18-0a15467132bd%22%2C%22authenticated%22%3A%22true%22%2C%22formFactor%22%3A%22LARGE%22%2C%22publishedChangelistNum%22%3A%22145%22%2C%22viewType%22%3A%22Published%22%2C%22themeLayoutType%22%3A%22Inner%22%2C%22language%22%3A%22en_US%22%2C%22pageId%22%3A%22b8d0c33a-2961-4195-9bb7-ab2a061cc518%22%7D&jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9…0Olli_g3NB2BGqB7Zo3PHR7RmrlO-C0oZh6735Z-SfY”>

I meant the XML of the Skuid page you’re using in the lightning community










































&lt;p&gt;&lt;img alt=“” src="https://static1.squarespace.com/static/57162399746fb95306fed5cc/5a870825e4966bc89500f4da/5a870933085…; style=“width: 150px; height: 126px;” /&gt;&lt;/p&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt;













&lt;p&gt;&amp;nbsp;&lt;/p&gt;

&lt;p&gt;&lt;span style=“font-size:9px;”&gt;To optimise your browsing experience, visualisations and filter results are limited to a maximum of 500 artworks. Please contact Think Cloud Art for larger data set reports.&lt;/span&gt;&lt;/p&gt;











































































<skuidvis__chart model=“Database” maintitle=“{{Model.labelPlural}}” type=“column” uniqueid=“sk-3DiI9x-457” useorgcurrency=“false” export=“”>







calmonth
calquarter
calyear












</skuidvis__chart>







<skuidvis__geochart model=“Database” maintitle=“{{Model.labelPlural}}” maptype=“world-highres” height=“600px” uniqueid=“sk-3DhRjd-334” mapgroup=“af” backgroundcolor=“transparent”>

#9fa8da
#7986cb
#5c6bc0
#3f51b5
#3949ab
#303f9f
#283593


&n

Another Example:

I have the following issue:

When previewing a page in Salesforce (Skuid App), Skuid pages display as desired, all the buttons and currencies display correctly. However, when I link the same page in my Salesforce community, It displays incorrect currencies and the buttons render code. Is this a user error and an easy fix, or a bug?

Skuid App:

Salesforce Community:

Any progress Stephen?

Still working on building out the Lightning Community to test this in. Would you be willing to hop on a call Monday to discuss this?

Hi Stephen, yes please, let me know how we set up the call. I am currently in South Korea, so we might need to schedule for late Afternoon.

I just sent you an email regarding this

Hey Wiliam, thank you for being patient with us here. I’ve been able to reproduce quite a few CSS related problems within Lightning Communities set up with the Partner Central method you’ve used. They are being dealt with by our developers. I’ll keep you posted when any sort of fix or work arounds become available.

Brilliant, thanks, Stephen. 

My pleasure

The problem appears to be related to the labeling. We’re continuing to look into this

Hello Skuid Community ~


This has been addressed in the new Millau 11.1.14 release which is now available on the Skuid Releases page.


As a reminder, Salesforce does NOT allow reverting back to prior versions of managed packages. Skuid always recommends installing new versions in a non-business critical sandbox environment to test all mission critical functionality before installing into a production environment. We also recommend that you update out of date themes when you upgrade.