function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
KBellKBell 

help with iui stylesheet for iphone

Hello- Has anyone had any luck using the iui css or images for iphone apps?
I have been able to work with the images but the stylesheet comes up with a blank white screen (for both iui.css and iuix.css). Any ideas?
Thanks,
katrina
MadMattMadMatt
Hello Katrina,

I've had the same problem. I think it is not with the CSS, but with how the iui.js is loading the page. Try adding selected="true" to the first <div> or <ul> that should be displayed. The selected="true" is what the Js uses to determine what the first section to display is.

e.g.

<div selected="true" title="Main" id="home">
   Whatever you want to display
</div>

Also don't forget to turn off the standard stylsheets in the page tag

<apex:page controller="iMainList" showHeader="false" standardStylesheets="false">


KBellKBell
Thanks Matt. 
As you might guess, I am new to both Apex and CSS ...

If I just use regular html I can get the links/buttons to adopt the styles. However, once I have the links as apex code commandLinks that use my custom controller for actions, I can't get the links to adopt the css iui styles. Any ideas? Do you know the names of the iui styles and styleClasses?


For example, this code looks good, except the pages to which they link are dummy and they don't use the controller actions:
<ul id="home" selected="true">
   <li><a href="step1">Search by Location</a></li>
   <li><a href="step2">Search by Name</a></li>
</ul>

This code doesn't adopt the styles, but uses the controller to navigate through the wizard:
<ul id="home" selected="true">
<div>
<apex:form>
<apex:commandLink value="search step1" action="{!step1}" style="li" styleClass="a"/>
<p/>
<apex:commandLink value"search step2" action=
"{!step2}" style="body" styleClass="ul"/>
</apex:form>
</div>
</ul>


Any ideas?
Thanks,
Katrina