CSS issue with Lightning Design theme in Community Site

edited June 25 in Problems
Hi,

We would like to report the CSS issues which we have been facing with Lightning Design theme in Lightning Community Site. The version which we are using now is Millau 11.1.6.

1/The header borders of the table shown in Community Site were cut-acrossed. (Please note that we are using the Lightning Community)
image
2/   The padding / margin between the textboxes is very close, it seems that there is no space between these textboxes.

image


Please help to provide us the solution or workaround for this issue.

Thank you.

Comments

  • Pat VachonPat Vachon ✭✭
    edited June 25
    It's a possibility that these issues are due to a out of date theme. Have you updated the theme?

    image
  • edited April 2018
    If updating out of date themes does not do the trick and you can reproduce this on a new page (that only includes the necessary components and standard salesforce objects and fields), could you please paste the XML here?
  • edited April 2018
    Hi everyone,

    Thank you for your replies.

    @Pat: We have updated the theme. But these issues still occur.

    @Luzie: Please find our page xml in below:

    <skuidpage personalizationmode="server" showsidebar="true" showheader="true" tabtooverride="Opportunity" theme="Lightning Design">
        <models>
            <model id="CurrentUser" limit="1" query="true" createrowifnonefound="false" datasource="salesforce" sobject="User">
                <fields>
                    <field id="Name"/>
                </fields>
                <conditions>
                    <condition type="userinfo" value="" field="Id" operator="=" enclosevalueinquotes="true" userinfotype="userid"/>
                </conditions>
                <actions/>
            </model>
            <model id="Opportunities_RoomDesign" limit="200" query="true" createrowifnonefound="false" orderby="Amount DESC NULLS LAST" sobject="Opportunity" doclone="" datasource="salesforce">
                <fields>
                    <field id="AccountId"/>
                    <field id="CloseDate"/>
                    <field id="Account.Name"/>
                    <field id="Name"/>
                    <field id="StageName"/>
                    <field id="OwnerId"/>
                    <field id="Owner.Name"/>
                    <field id="LastModifiedDate"/>
                    <field id="CreatedDate"/>
                    <field id="Probability"/>
                    <field id="Account.BillingCountry"/>
                    <field id="Description"/>
                    <field id="Type"/>
                    <field id="OpportunityLineItems" type="childRelationship" limit="1">
                        <conditions/>
                    </field>
                    <field id="Id"/>
                    <field id="Owner.Alias"/>
                    <field id="Account.BillingState"/>
                    <field id="RecordTypeId"/>
                    <field id="RecordType.Name"/>
                </fields>
                <conditions logic="">
                    <condition type="multiple" field="OwnerId" operator="in" inactive="true" enclosevalueinquotes="true" name="__autofilter__OwnerId" state="filterableoff" value=""/>
                    <condition type="multiple" field="StageName" operator="in" inactive="true" enclosevalueinquotes="true" name="__autofilter__StageName" state="filterableoff" value=""/>
                    <condition type="fieldvalue" field="CloseDate" operator="gte" inactive="true" enclosevalueinquotes="false" name="__autofilter__start__CloseDate" state="filterableoff" value=""/>
                    <condition type="fieldvalue" field="CloseDate" operator="lte" inactive="true" enclosevalueinquotes="false" name="__autofilter__end__CloseDate" state="filterableoff" value=""/>
                    <condition type="multiple" value="" field="StageName" operator="not in" enclosevalueinquotes="true" state="filterableon" inactive="false" name="HideLost">
                        <values>
                            <value>Closed Lost</value>
                        </values>
                    </condition>
                    <condition type="fieldvalue" value="1" enclosevalueinquotes="false" field="Amount" operator="gt" state="filterableoff" inactive="true" name="AmountMorethanOne"/>
                    <condition type="multiple" value="" field="CloseDate" operator="in" enclosevalueinquotes="false" state="filterableoff" inactive="true" name="CurrentOpps">
                        <values>
                            <value>LAST_N_QUARTERS:2</value>
                            <value>NEXT_N_QUARTERS:2</value>
                            <value>THIS_QUARTER</value>
                        </values>
                    </condition>
                    <condition type="fieldvalue" value="" enclosevalueinquotes="true" field="Account.BillingCountry" state="filterableoff" inactive="true" name="Account.BillingCountry"/>
                    <condition type="fieldvalue" value="" enclosevalueinquotes="true" field="Account.BillingState" state="filterableoff" inactive="true" name="Account.BillingState"/>
                    <condition type="fieldvalue" value="RoomDesign" enclosevalueinquotes="true" field="RecordType.Name" operator="="/>
                </conditions>
                <actions>
                    <action>
                        <actions>
                            <action type="requeryModels" behavior="standard">
                                <models>
                                    <model>TotalOppAggWon</model>
                                    <model>TotalOppAggOpen</model>
                                </models>
                            </action>
                        </actions>
                        <events>
                            <event>models.saved</event>
                        </events>
                    </action>
                </actions>
            </model>
            <model id="Create_New_Opportunity" limit="1" query="false" createrowifnonefound="false" datasource="salesforce" sobject="Opportunity">
                <fields>
                    <field id="Name"/>
                    <field id="AccountId"/>
                    <field id="Account.Name"/>
                    <field id="RecordTypeId"/>
                    <field id="RecordType.Name"/>
                    <field id="CurrencyIsoCode"/>
                    <field id="Type"/>
                    <field id="StageName"/>
                    <field id="CloseDate"/>
                    <field id="OwnerId"/>
                    <field id="Owner.Name"/>
                </fields>
                <conditions>
                    <condition type="fieldvalue" value="01210000000F5OK" enclosevalueinquotes="true" field="RecordTypeId" fieldtargetobjects="RecordType" operator="="/>
                    <condition type="userinfo" value="" field="OwnerId" fieldtargetobjects="User" operator="=" enclosevalueinquotes="true" userinfotype="userid"/>
                </conditions>
                <actions/>
            </model>
            <model id="Accounts_OwnedByColleagues" query="false" createrowifnonefound="false" datasource="salesforce" sobject="Account" limit="200">
                <fields>
                    <field id="Name"/>
                    <field id="LastName"/>
                    <field id="FirstName"/>
                    <field id="CreatedDate"/>
                    <field id="CreatedById"/>
                    <field id="CreatedBy.Name"/>
                </fields>
                <conditions/>
                <actions/>
            </model>
            <model id="Create_New_Consumer_Account" query="false" createrowifnonefound="true" datasource="salesforce" sobject="Account" limit="1">
                <fields>
                    <field id="Name"/>
                    <field id="LastName"/>
                    <field id="FirstName"/>
                    <field id="CreatedDate"/>
                    <field id="CreatedById"/>
                    <field id="CreatedBy.Name"/>
                    <field id="Phone"/>
                    <field id="PersonEmail"/>
                    <field id="CurrencyIsoCode"/>
                    <field id="PersonHomePhone"/>
                    <field id="PersonMobilePhone"/>
                </fields>
                <conditions>
                    <condition type="fieldvalue" value="01210000000V2hh" enclosevalueinquotes="true" field="RecordTypeId" fieldtargetobjects="RecordType"/>
                </conditions>
                <actions/>
            </model>
            <model id="UI_Model" query="true" createrowifnonefound="true" datasource="Ui-Only" processonclient="true">
                <fields>
                    <field id="Is_Create_Account" displaytype="BOOLEAN" ogdisplaytype="TEXT"/>
                    <field id="Is_Create_Opp_Success" displaytype="BOOLEAN" ogdisplaytype="TEXT"/>
                    <field id="Account_Id" displaytype="UUID" ogdisplaytype="TEXT"/>
                </fields>
                <conditions/>
                <actions/>
            </model>
        </models>
        <components>
            <skootable showconditions="true" showsavecancel="false" searchbox="true" searchmethod="server" createrecords="false" model="Opportunities_RoomDesign" pagesize="50" showexportbuttons="true" mode="read" tablescrollheight="" allowscrollbars="false" floatheader="false" freezeleftcolumns="false" columnstofreeze="" buttonposition="" emptysearchbehavior="query" instantfilters="false" uniqueid="sk-1dsNnG-111">
                <fields>
                    <field id="Name" allowordering="true" columnwidth="" uniqueid="fi-27CTvc-408">
                        <label>商談名</label>
                    </field>
                    <field id="AccountId" uniqueid="fi-27CTvc-407" allowordering="true">
                        <label>顧客</label>
                    </field>
                    <field id="Type" columnwidth="" uniqueid="fi-27CTvc-409" readonly="false">
                        <label>タイプ</label>
                    </field>
                    <field type="COMBO" columnwidth="" uniqueid="fi-27CTvc-410">
                        <label>Region</label>
                        <template>{{Account.BillingState}}{{#Account.BillingState}}{{#Account.BillingCountry}} - {{/Account.BillingCountry}}{{/Account.BillingState}}{{Account.BillingCountry}}</template>
                    </field>
                    <field id="CloseDate" allowordering="true" valuehalign="right" columnwidth="" uniqueid="fi-27CTvc-412">
                        <label>成約目標日</label>
                    </field>
                    <field id="StageName" allowordering="true" columnwidth="" uniqueid="fi-27CTvc-417" readonly="false">
                        <label>ステージ</label>
                    </field>
                    <field id="OwnerId" allowordering="true" displaytemplate="{{Alias}}" columnwidth="" uniqueid="fi-27CTvc-418">
                        <label>レコード所有者</label>
                        <searchfields/>
                    </field>
                </fields>
                <rowactions>
                    <action type="edit"/>
                    <action type="delete"/>
                </rowactions>
                <actions defaultlabel="Global Actions" defaulticon="ui-silk-wand" usefirstitemasdefault="true">
                    <action type="multi" label="Create New Opportunity" icon="sk-icon-add">
                        <actions>
                            <action type="blockUI"/>
                            <action type="requeryModels" behavior="standard">
                                <models>
                                    <model>Accounts_OwnedByColleagues</model>
                                </models>
                            </action>
                            <action type="emptyModelData">
                                <models>
                                    <model>Create_New_Opportunity</model>
                                </models>
                            </action>
                            <action type="createRow" model="Create_New_Opportunity" appendorprepend="prepend" defaultmodefornewitems="edit"/>
                            <action type="showPopup">
                                <popup title="Create New Opportunity" width="90%">
                                    <components>
                                        <wizard deferstepcontentsrendering="false" buttonslocation="top" uniqueid="sk-276h-460">
                                            <steps>
                                                <step stepid="step1" steplabel="Check One Account From the below &amp; Go to Create an Opportunity">
                                                    <components>
                                                        <richtext multiple="false" uniqueid="sk-27qv-430">
                                                            <contents>&lt;p&gt;To:&amp;nbsp; Kien&lt;/p&gt;

    &lt;p&gt;One example of our potential customer is &amp;quot;Actus&amp;quot; (http://www.actus-interior.com/).&lt;/p&gt;

    &lt;p&gt;Actus has over 40 branch shops in Japan, and hire more than 200 staff.&amp;nbsp; Now let&amp;#39;s assume that 20 of their staff in their major branch shops will be given Partner User Licenses.&amp;nbsp; In this case, &amp;quot;Actus&amp;quot; is Account, and these 20 staff are Contacts under such Actus.&amp;nbsp; Consumers visiting Actus will be recorded as Account &amp;amp; Contact (or Person Account) owned by any one of these 20 Partner Community Users.&amp;nbsp; &amp;nbsp;&lt;/p&gt;

    &lt;p&gt;What I need here is to show all the Accounts owned by any one of these 20 Partner Community Users under Actus, regardless of who log in the Community.&amp;nbsp;&amp;nbsp;&lt;/p&gt;
    </contents>
                                                        </richtext>
                                                        <skootable showconditions="true" showsavecancel="false" showerrorsinline="true" searchmethod="server" searchbox="true" showexportbuttons="false" hideheader="false" hidefooter="false" pagesize="10" alwaysresetpagination="false" createrecords="false" model="Accounts_OwnedByColleagues" buttonposition="" mode="read" allowcolumnreordering="true" responsive="true" uniqueid="sk-276h-639">
                                                            <fields>
                                                                <field id="Name" hideable="true" uniqueid="fi-276h-683"/>
                                                                <field id="LastName" hideable="true" uniqueid="fi-276h-691"/>
                                                                <field id="FirstName" hideable="true" uniqueid="fi-276h-699"/>
                                                                <field id="CreatedDate" hideable="true" uniqueid="fi-276h-709"/>
                                                                <field id="CreatedById" hideable="true" uniqueid="fi-276h-718"/>
                                                            </fields>
                                                            <rowactions>
                                                                <action type="edit"/>
                                                                <action type="delete"/>
                                                            </rowactions>
                                                            <massactions usefirstitemasdefault="true">
                                                                <action type="massupdate"/>
                                                                <action type="massdelete"/>
                                                            </massactions>
                                                            <views>
                                                                <view type="standard"/>
                                                            </views>
                                                        </skootable>
                                                    </components>
                                                    <actions>
                                                        <action type="multi" label="Create New Account" stepid="step2" uniqueid="sk-276h-995" window="self" icon="sk-icon-arrow-right">
                                                            <actions>
                                                                <action type="emptyModelData">
                                                                    <models>
                                                                        <model>Create_New_Consumer_Account</model>
                                                                    </models>
                                                                </action>
                                                                <action type="createRow" model="Create_New_Consumer_Account" appendorprepend="prepend" defaultmodefornewitems="edit" affectedrows="context"/>
                                                                <action type="updateRow" fieldmodel="UI_Model" affectedrows="context" field="Is_Create_Account" enclosevalueinquotes="false" value="true"/>
                                                                <action type="navigateToStep" stepid="step2"/>
                                                            </actions>
                                                        </action>
                                                        <action uniqueid="sk-276h-457" type="multi" stepid="step3" label="Create New Opportunity with the Selected Account" icon="sk-icon-arrow-right" window="self">
                                                            <renderconditions logictype="and">
                                                                <rendercondition type="fieldvalue" enclosevalueinquotes="true" fieldmodel="Accounts_OwnedByColleagues" sourcetype="modelproperty" nosourcerowbehavior="deactivate" sourceproperty="hasRows"/>
                                                            </renderconditions>
                                                            <enableconditions logictype="and"/>
           
  • edited April 2018
    Thanks Charlotte. The XML seems to be incomplete, however I could reproduce the issue on one of my pages. I will investigate and let you know as soon as I have more information/workaround.
  • edited June 2018
    Hello Skuid Community

    This has been addressed in the new Millau 11.2.0 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.
Sign In or Register to comment.