Skuid Table Rendering in Lightning

  • 2
  • Problem
  • Updated 6 months ago
  • Solved
The image below shows the bottom pageination of a skuid table rendered from 'preview' from the builder.




This image shows the same table rendered on a lightning page via the skuid lightning component.  Note that pageination is not rendered correctly.



Any idea how to fix this on Lightning Pages?

Thanks,
Peter
Photo of Peter Ogilvie

Peter Ogilvie

  • 370 Points 250 badge 2x thumb

Posted 7 months ago

  • 2
Photo of Josef Lagorio

Josef Lagorio

  • 2,852 Points 2k badge 2x thumb
I see this randomly happen as well. 
Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
What version of Skuid are you on? Can you copy and paste the page's XML for me to take a look at? The simpler and shorter the XML the better.
Photo of Peter Ogilvie

Peter Ogilvie

  • 370 Points 250 badge 2x thumb
skuid version 11.0.6

Here is the xml
<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" useviewportmeta="true" showheader="true" theme="Lightning Design">
    <models>
        <model id="AllHawks" limit="1024" query="true" createrowifnonefound="false" datasource="salesforce" type="" sobject="Hawk__c">
            <fields>
                <field id="miscCritters__c"/>
                <field id="waterfowl__c"/>
                <field id="hares__c"/>
                <field id="seasons__c"/>
                <field id="rabbits__c"/>
                <field id="squirrels__c"/>
                <field id="upland__c"/>
                <field id="bandNumber__c"/>
                <field id="bestSeason__c"/>
                <field id="state__c"/>
                <field id="locality__c"/>
                <field id="originCountry__c"/>
                <field id="breeder__c"/>
                <field id="breeder__r.Name"/>
                <field id="breederID__c"/>
                <field id="father__c"/>
                <field id="father__r.Name"/>
                <field id="Name"/>
                <field id="New_Year_Born__c"/>
                <field id="New_Year_Died__c"/>
                <field id="yearHatched__c"/>
                <field id="mother__r.mother__c"/>
                <field id="mother__r.mother__r.Name"/>
                <field id="mother__r.Name"/>
                <field id="Id"/>
            </fields>
            <conditions>
                <condition type="fieldvalue" value="0.0" enclosevalueinquotes="false" field="bestSeason__c" operator="!="/>
            </conditions>
            <actions/>
        </model>
    </models>
    <components>
        <richtext multiple="false" uniqueid="sk-1Hs-O-573" model="">
            <contents>&lt;p&gt;&lt;span style="font-size:18px;"&gt;&lt;strong&gt;Harris Hawks&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
</contents>
        </richtext>
        <skootable showconditions="true" showsavecancel="false" showerrorsinline="true" searchmethod="server" searchbox="true" showexportbuttons="false" pagesize="10" alwaysresetpagination="false" createrecords="false" model="AllHawks" buttonposition="" mode="readonly" allowcolumnreordering="true" responsive="true" uniqueid="sk-1Gmk1-365">
            <fields>
                <field type="COMBO" hideable="true" uniqueid="fi-1prCO-360" valuehalign="">
                    <label>Name</label>
                    <template>&lt;a href="https://ogilvie-dev-ed.lightning.force.com/one/one.app#/sObject/{{{Id}}}/view"&gt;{{{Name}}...;
                </field>
                <field id="bandNumber__c" hideable="true" uniqueid="fi-1H9Ml-425" valuehalign="" type=""/>
                <field id="breeder__c" hideable="true" uniqueid="fi-1H9Mm-427" valuehalign="" type=""/>
                <field id="father__c" hideable="true" uniqueid="fi-1H9Mm-428" valuehalign="" type=""/>
                <field id="mother__r.mother__c" hideable="true" uniqueid="fi-1H9Mn-429" valuehalign="" type=""/>
                <field id="bestSeason__c" hideable="true" uniqueid="fi-1H9Mm-426" decimalplaces="" valuehalign="" type=""/>
                <field id="seasons__c" hideable="true" uniqueid="fi-1H9Mk-422" decimalplaces="" valuehalign="" type=""/>
                <field id="waterfowl__c" hideable="true" uniqueid="fi-1H9Mk-421"/>
                <field id="rabbits__c" hideable="true" uniqueid="fi-1H9Mk-423"/>
                <field id="squirrels__c" hideable="true" uniqueid="fi-1H9Ml-424"/>
            </fields>
            <rowactions/>
            <massactions usefirstitemasdefault="true"/>
            <views>
                <view type="standard"/>
            </views>
        </skootable>
    </components>
    <resources>
        <labels/>
        <javascript/>
        <css/>
        <actionsequences uniqueid="sk-1GPyX-294"/>
    </resources>
    <styles>
        <styleitem type="background" bgtype="none"/>
    </styles>
</skuidpage>
Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
This XML returns as Invalid XML when I put it into an org. It's also composed of only custom objects and isn't viewable outside your org. 

Are you able to replicate this in a page that doesn't use custom objects and fields?
Are you able to copy and paste this XML into your own org and make the page work?
Photo of Peter Ogilvie

Peter Ogilvie

  • 370 Points 250 badge 2x thumb
I don't see your xml.  Did you forget to post it?   

Anyway same problem with contacts and standard fields.  (See below).   The table rendered in Lightning using the skuid page lightning component:


  



Here is the xml:
<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" useviewportmeta="true" showheader="true">
    <models>
        <model id="Contacts" limit="20" query="true" createrowifnonefound="false" datasource="salesforce" type="" sobject="Contact">
            <fields>
                <field id="RecordTypeId"/>
                <field id="FirstName"/>
                <field id="LastName"/>
                <field id="Email"/>
            </fields>
            <conditions/>
            <actions/>
        </model>
    </models>
    <components>
        <skootable showconditions="true" showsavecancel="true" showerrorsinline="true" searchmethod="server" searchbox="true" showexportbuttons="false" pagesize="10" alwaysresetpagination="false" createrecords="true" model="Contacts" buttonposition="" mode="read" allowcolumnreordering="true" responsive="true" uniqueid="sk-3Zj8jU-285">
            <fields>
                <field id="FirstName" hideable="true" uniqueid="fi-3ZjBbe-303"/>
                <field id="LastName" hideable="true" uniqueid="fi-3ZjBbg-305" valuehalign="" type=""/>
            </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>
    <resources>
        <labels/>
        <javascript/>
        <css/>
        <actionsequences uniqueid="sk-3Zivym-252"/>
    </resources>
    <styles>
        <styleitem type="background" bgtype="none"/>
    </styles>
</skuidpage>
Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
Have you updated your out of date themes?

Photo of Josef Lagorio

Josef Lagorio

  • 2,852 Points 2k badge 2x thumb
Stephen, we also have experienced this issue in Lightning. 

Version 11.0.5 with up-to-date themes. 
Photo of Peter Ogilvie

Peter Ogilvie

  • 370 Points 250 badge 2x thumb
We have updated our themes on the sandbox where we hit this.   I'm updating the themes on the developer org where I've created the small test case.   It's been running for a while I'll let you know when it's done.
Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
I haven't been able to replicate this in 11.1.10 - even using the exact XML as above
Photo of Peter Ogilvie

Peter Ogilvie

  • 370 Points 250 badge 2x thumb
Updating the theme's didn't address the problem.
Photo of Peter Ogilvie

Peter Ogilvie

  • 370 Points 250 badge 2x thumb
I'll try upgrading to 11.1.10
Photo of Peter Ogilvie

Peter Ogilvie

  • 370 Points 250 badge 2x thumb
Nope still happending on 11.1.10 in my developer org environment as well as our client's sandbox which is also on 11.1.10.





Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
Please check your email for a response from me to take a look into your org to try and see what is happening
Photo of Peter Ogilvie

Peter Ogilvie

  • 370 Points 250 badge 2x thumb
Not sure what happened but tables are working now!   For a little while after Summer '18 upgrade everything was completely broken.  It's working now AND tables are rendering correctly.    WooHoo!  Thanks!
Photo of Peter Ogilvie

Peter Ogilvie

  • 370 Points 250 badge 2x thumb
Just checked.  Still borken in Spring '18 / working in Summer '18