SalesForce1 iOS Skuid Page Blank

Hi,

I’ve set up two pages for SalesForce1 (they are not built within the mobile composer, they’re desktop pages made fully responsive).
My problem is that the Skuid Pages work perfectly fine in SalesForce1 for Android but refuse to render in SalesForce1 for iOS.
I’ve inspected the page in Safari and noticed tons of CSS declaration errors, which apparently only show up in Safari (neither in Chrome nor Firefox nor some other browsers). Nevertheless the page renders just fine in all browsers.

Has anyone experienced something like this before?

Cheers

I have had the same issues. Non-mobile builder pages don’t render for me in Salesforce 1, but render in mobile browsers.

The funny thing still is that it works on Android but not on iOS…

I never tried on android, so possible the same result.

David~

Hmm, that’s odd. I am not able to reproduce this issue using the Salesforce1 app on my iPhone … Is this true for list pages, detail pages, or both? What happens when you try to preview the page from the Pages tab? Are you hooked up so you can see console? Do you see any JavaScript errors by any chance?

Thanks!
Karen

Karen, I just reproduced this in a page I’m working on for a customer - page doesn’t load at all in a mobile browser, and is more or less unusable in the SF1 app, in iOS, but it works like a dream in browser and in SF1 app on my Android phone. 

I’m also having this issue. My page creates a new opportunity. The page shows up for about 5-10 seconds and then disappears.

Also I don’t get this happening on the Chrome simulator extension: https://chrome.google.com/webstore/detail/salesforce1-simulator/cknbjckicenodbiaejbmkjhldffonggp/rel…

Jack~

Can you post your XML so I can reproduce what you’re seeing? 

Thanks!
Karen

Yup, I’ll post three pages since there’s a master page, and another page that mostly just has a page include. Here’s the master page:

<skuidpage unsavedchangeswarning="" personalizationmode="server" showsidebar="false" showheader="false" theme="Classic"> <models> <model id="Opportunity" limit="1" query="true" createrowifnonefound="false" adapter="salesforce" type="" sobject="Opportunity"> <fields> <field id="Account.photo__r.skuid__Url__c"/> <field id="AccountId"/> <field id="Account.Name"/> <field id="Account.photo__c"/> <field id="Account.photo__r.Name"/> <field id="Account.photo__r.skuid__AttachmentId__c"/> </fields> <conditions> <condition type="param" value="oppId" field="Id" operator="=" enclosevalueinquotes="true" novaluebehavior=""/> </conditions> <actions/> </model> <model id="User" limit="1" query="true" createrowifnonefound="false" adapter="" type="" sobject="User"> <fields> <field id="Account.photo__r.skuid__Url__c"/> </fields> <conditions> <condition type="userinfo" value="" field="Id" operator="=" enclosevalueinquotes="true" userinfotype="userid"/> </conditions> <actions/> </model> <model id="Account" limit="1" query="true" createrowifnonefound="false" adapter="salesforce" type="" sobject="Account"> <fields> <field id="photo__c"/> <field id="photo__r.Name"/> <field id="photo__r.skuid__AttachmentId__c"/> <field id="Id"/> </fields> <conditions> <condition type="modelmerge" value="" field="Id" operator="=" model="Opportunity" enclosevalueinquotes="true" mergefield="AccountId" novaluebehavior="noquery"/> </conditions> <actions> <action> <actions> <action type="requeryModel" model="Opportunity" behavior="standard"/> </actions> <events> <event>row.updated</event> </events> <fields> <field>photo__c</field> </fields> </action> </actions> </model> </models> <components> <wrapper uniqueid="sk-1UgWVs-113"> <components> <pageregion uniqueid="sk-ME-Cz-161"> <styles> <styleitem type="background" bgtype="none"/> </styles> <renderconditions logictype="and"/> </pageregion> </components> <styles> <styleitem type="background"/> <styleitem type="border" padding="right,left,bottom,"> <styles> <styleitem property="padding-left" value="5px"/> <styleitem property="padding-right" value="5px"/> <styleitem property="padding-bottom" value="30px"/> <styleitem property="box-sizing" value="border-box"/> </styles> </styleitem> <styleitem type="size"/> </styles> </wrapper> </components> <resources> <labels/> <javascript/> <css> <cssitem location="inline" name="newcss" cachelocation="false">.leftheader .nx-header-right {float:left} .hiddentable .nx-list-footer {color:transparent;} </cssitem> </css> </resources> <styles> <styleitem type="background" bgtype="none"/> </styles> <pageregioncontents> <pageregioncontent uniqueid="__header"> <components> <skuidheader sticky="true"> <components> <grid uniqueid="sk-MEZ56-75" columngutter="50px"> <divisions> <division behavior="fit" verticalalign="top"> <components> <image source="url" uniqueid="sk-MEhyi-106" model="Opportunity" field="Account.photo__r.skuid__Url__c" url="{{$Site.Prefix}}{{#$Model.Opportunity.data.0.Account.photo__r.skuid__Url__c}}{{$Model.Opportunity.data.0.Account.photo__r.skuid__Url__c}}{{/$Model.Opportunity.data.0.Account.photo__r.skuid__Url__c}}{{^$Model.Opportunity.data.0.Account.photo__r.skuid__Url__c}}/servlet/servlet.FileDownload?file=015E0000002Tjnn{{/$Model.Opportunity.data.0.Account.photo__r.skuid__Url__c}}"> <styles> <styleitem type="itemsize" width="custom"> <styles> <styleitem property="width" value="160px"/> </styles> </styleitem> <styleitem type="border"/> </styles> <renderconditions logictype="and"> <rendercondition type="fieldvalue" enclosevalueinquotes="true" fieldmodel="Opportunity" sourcetype="modelproperty" sourceproperty="hasRows"/> </renderconditions> </image> <image source="url" uniqueid="sk--JG31-108" url="{{$Site.Prefix}}{{#$Model.User.data.0.Account.photo__r.skuid__Url__c}}{{$Model.User.data.0.Account.photo__r.skuid__Url__c}}{{/$Model.User.data.0.Account.photo__r.skuid__Url__c}}{{^$Model.User.data.0.Account.photo__r.skuid__Url__c}}/servlet/servlet.FileDownload?file=015E0000002Tjnn{{/$Model.User.data.0.Account.photo__r.skuid__Url__c}}"> <styles> <styleitem type="itemsize" width="custom"> <styles> <styleitem property="width" value="160px"/> </styles> </styleitem> <styleitem type="border"/> </styles> <renderconditions logictype="and"> <rendercondition fieldmodel="Opportunity" sourcetype="modelproperty" nosourcerowbehavior="deactivate" sourceproperty="hasNoRows"/> </renderconditions> </image> </components> </division> <division behavior="flex" verticalalign="center" minwidth="100px" ratio="1"> <components> <navigation uniqueid="sk-MF1ua-166"> <navigationitems> <navigationitem label="Start New Loan Application"> <actions> <action type="redirect" window="self" url="{{$Site.Prefix}}/apex/ests_OppNewPartner"/> </actions> </navigationitem> <navigationitem label="View Documents for a Loan"> <actions> <action type="redirect" window="self" url="{{$Site.Prefix}}/apex/ests_BorrowerLoanDocs"/> </actions> </navigationitem> </navigationitems> <styles> <styleitem property="color" value="black"/> </styles> </navigation> </components> </division> </divisions> <styles> <styleitem type="background" bgtype="none"/> <styleitem property="margin" value="10px"/> </styles> <renderconditions logictype="and"/> </grid> <file storeas="field" displayas="filename" uniqueid="sk-1Osr0B-168" model="Account" idfield="photo__c" label="Upload company logo"> <renderconditions logictype="or"> <rendercondition type="fieldvalue" operator="=" enclosevalueinquotes="true"/> </renderconditions> </file> </components> <styles> <styleitem type="background" bgtype="color"> <styles> <styleitem property="background-color" value="#b7dde8"/> </styles> </styleitem> <styleitem type="border"/> </styles> </skuidheader> </components> </pageregioncontent> <pageregioncontent uniqueid="__footer"> <components> <skuidfooter sticky="true"> <components/> </skuidfooter> </components> </pageregioncontent> </pageregioncontents> </skuidpage>

Here’s the container page:

<skuidpage unsavedchangeswarning="yes"> <models/> <pageregioncontents> <pageregioncontent regionid="sk-ME-Cz-161" uniqueid="sk-MGFvG-77"> <components> <grid uniqueid="sk-MH8xB-101"> <divisions> <division behavior="flex" verticalalign="top" minwidth="100px" ratio="1"> <components/> </division> <division behavior="flex" minwidth="500px" ratio="1" verticalalign="top"> <components> <includepanel type="skuid" uniqueid="sk-MGMgA-87" pagename="LoanApp-OppNew" module="LoanApp"/> </components> </division> <division behavior="flex" verticalalign="top" minwidth="100px" ratio="1"> <components/> </division> </divisions> <styles> <styleitem type="background" bgtype="none"/> </styles> </grid> </components> </pageregioncontent> </pageregioncontents> <components/> <resources> <labels/> <css/> <javascript/> </resources> </skuidpage>

Here’s the content page. The main purpose here is to choose an Opportunity Record Type and a Loan Type (and a Lender, if the user is not a Lender). Then it sends the user to the right wizard for opp creation:

    $ = skuid.$; var wizard = $('.nx-wizard').data('object'); var currentStep = wizard.steps[wizard.currentstep]; currentStep.navigate('step2'); $ = skuid.$; var wizard = $('.nx-wizard').data('object'); var currentStep = wizard.steps[wizard.currentstep]; currentStep.navigate('step3'); $ = skuid.$; var wizard = $('.nx-wizard').data('object'); var currentStep = wizard.steps[wizard.currentstep]; currentStep.navigate('step4'); $ = skuid.$; var wizard = $('.nx-wizard').data('object'); var currentStep = wizard.steps[wizard.currentstep]; currentStep.navigate('step5'); $ = skuid.$; var wizard = $('.nx-wizard').data('object'); var currentStep = wizard.steps[wizard.currentstep]; currentStep.navigate('step6');                                                                 Commercial Consumer SBA 7A Bank Holding Company Consumer Mortgage                Commercial Consumer SBA7A ConsumerMortgage                                                    {{CloseDate}}+31                                                               Choose a loan type and estimated close date                                    Lender           Estimated Close Date                    Opportunity      OpportunityMaster            Consumer Unsecured SBA 7A Bank Holding Company          Opportunity      OpportunityMaster            Consumer Unsecured SBA 7A Bank Holding Company             OpportunityMaster             Opportunity      OpportunityMaster            VA FHA Conventional USDA/Rural Other             OpportunityMaster                OpportunityMaster

I’ve been able to get the page to show up by just going to login.salesforce.com and logging in on my phone, but then the page doesn’t seem to be working as expected. Even though I’m logged in, it seems to be possibly treating me as a guest web user, because it appears won’t let me read an opportunity after creating it. Very strange