Looked into it further and found that the css defs for body > .dialog
are different in what I downloaded and what is used on the demo site.
The iui.css used on the demo page has:
body > .dialog,
body > .dialog > * {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
width: 100%;
}
The iui.css I have (from 0.4-alpha1) has:
body > .dialog {
top: 0;
width: 100%;
min-height: 417px;
z-index: 2;
background: rgba(0, 0, 0, 0.8);
padding: 0;
text-align: right;
}
My test page can be found at ken.chorel.com/dialog.html. Looks like I
can make it work but it's not working out of the box. :-(
Also notice that many of the styles for elements in the panel case are
broken too. (see ken.chorel.com/rounded.html and /panel.html)
On Dec 9, 2:37 am, Remi Grumeau <[email protected]> wrote:
> Hey Jeff,
>
> Could you post us a link so we can look at your code and see what's
> happening?
>
> Remi
>
> On Fri, Dec 9, 2011 at 08:59, Jeff (iUI Noob) <[email protected]> wrote:
>
>
>
>
>
>
>
> > Working through the examples on the iui-js.org/docs pages and ran into
> > a glitch with the dialog code. The "see live demo" on the iui-js
> > website works on the iphone, but after copying and pasting the text to
> > a file on my host (and correcting the link and style URLs of course)
> > it doesn't render properly. Instead of getting what looks like another
> > toolbar with the search input, I get what looks like a popover and the
> > search input sits on top of the toolbar preventing access to the
> > search and cancel buttons.
>
> > Any idea what I'm missing on my end to make it work properly? Is there
> > something different in the versions of iui.css or default-theme.css
>
> > Thanks in advance for your assistance!
>
> > --
> > You received this message because you are subscribed to the Google Groups
> > "iPhoneWebDev" group.
> > To post to this group, send email to [email protected].
> > To unsubscribe from this group, send email to
> > [email protected].
> > For more options, visit this group at
> >http://groups.google.com/group/iphonewebdev?hl=en.
--
You received this message because you are subscribed to the Google Groups
"iPhoneWebDev" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/iphonewebdev?hl=en.
