In this page <http://www.iui-js.org/documentation/latest/styles-themes.html>, the example code of "dialog box" is different from the live demo. The example code displayed there seems does not work properly: it looks like a mess. Should the code be replaced with the code in the live demo, or I got something wrong?
This documentation was done for 0.5 code but Sean did change documentation to match 0.4 (which is good). Something may be wrong somewhere...
See this page: http://iui.googlecode.com/git/web-app/samples/music/music.htm The dialog itself works, so it's not something broken in iUI but in the documentation. Website documentation example is not resizing panels at 100% of the screen height so it clearly uses 0.4.
Could you share your code?
Remi
On 7 avr. 2012, at 03:17 PM, Hong Xu <xuh...@gmail.com> wrote:
> In this page <http://www.iui-js.org/documentation/latest/styles-themes.html>, the example code of "dialog box" is different from the live demo. The example code displayed there seems does not work properly: it looks like a mess. Should the code be replaced with the code in the live demo, or I got something wrong?
> Thanks!
> Hong
> -- > You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. > To post to this group, send email to iphonewebdev@googlegroups.com. > To unsubscribe from this group, send email to iphonewebdev+unsubscribe@googlegroups.com. > For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
> This documentation was done for 0.5 code but Sean did change documentation to match 0.4 (which is good). > Something may be wrong somewhere...
> See this page: > http://iui.googlecode.com/git/web-app/samples/music/music.htm > The dialog itself works, so it's not something broken in iUI but in the documentation. > Website documentation example is not resizing panels at 100% of the screen height so it clearly uses 0.4.
> Could you share your code?
> Remi
> On 7 avr. 2012, at 03:17 PM, Hong Xu<xuh...@gmail.com> wrote:
>> Hello all,
>> In this page<http://www.iui-js.org/documentation/latest/styles-themes.html>, the example code of "dialog box" is different from the live demo. The example code displayed there seems does not work properly: it looks like a mess. Should the code be replaced with the code in the live demo, or I got something wrong?
>> Thanks!
>> Hong
>> -- >> You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. >> To post to this group, send email to iphonewebdev@googlegroups.com. >> To unsubscribe from this group, send email to iphonewebdev+unsubscribe@googlegroups.com. >> For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
Well, i just did copy paste your code in an HTML file, update iui files link to the online iUI repo & change the first link to show your dialog form. http://we-are-gurus.com/labs/iui/sandbox/dialog/
>>> -- >>> You received this message because you are subscribed to the Google >>> Groups "iPhoneWebDev" group. >>> To post to this group, send email to iphonewebdev@googlegroups.com. >>> To unsubscribe from this group, send email to iphonewebdev+unsubscribe@* >>> *googlegroups.com <iphonewebdev%2Bunsubscribe@googlegroups.com>. >>> For more options, visit this group at http://groups.google.com/** >>> group/iphonewebdev?hl=en<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 iphonewebdev@googlegroups.com. > To unsubscribe from this group, send email to iphonewebdev+unsubscribe@** > googlegroups.com <iphonewebdev%2Bunsubscribe@googlegroups.com>. > For more options, visit this group at http://groups.google.com/** > group/iphonewebdev?hl=en<http://groups.google.com/group/iphonewebdev?hl=en> > .
This code is based on the live demo code, but not from the example code, so it works. But there is still one issue here: the input field in the dialog overlaps with the word "search" a bit. And also, if you click "search" "cancel" "search" two or three times, the ui may become strange.
Thanks,
Hong
On Apr 10, 2012, at 23:01, Remi Grumeau <remi.grum...@gmail.com> wrote:
> Well, i just did copy paste your code in an HTML file, update iui files link to the online iUI repo & change the first link to show your dialog form. > http://we-are-gurus.com/labs/iui/sandbox/dialog/
> It seems to work pretty good... no?
> Remi
> On Tue, Apr 10, 2012 at 4:27 PM, Hong Xu <xuh...@gmail.com> wrote: > The code is here:
> This documentation was done for 0.5 code but Sean did change documentation to match 0.4 (which is good). > Something may be wrong somewhere...
> See this page: > http://iui.googlecode.com/git/web-app/samples/music/music.htm > The dialog itself works, so it's not something broken in iUI but in the documentation. > Website documentation example is not resizing panels at 100% of the screen height so it clearly uses 0.4.
> Could you share your code?
> Remi
> On 7 avr. 2012, at 03:17 PM, Hong Xu<xuh...@gmail.com> wrote:
> Hello all,
> In this page<http://www.iui-js.org/documentation/latest/styles-themes.html>, the example code of "dialog box" is different from the live demo. The example code displayed there seems does not work properly: it looks like a mess. Should the code be replaced with the code in the live demo, or I got something wrong?
> Thanks!
> Hong
> -- > You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. > To post to this group, send email to iphonewebdev@googlegroups.com. > To unsubscribe from this group, send email to iphonewebdev+unsubscribe@googlegroups.com. > 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 iphonewebdev@googlegroups.com. > To unsubscribe from this group, send email to iphonewebdev+unsubscribe@googlegroups.com. > 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 iphonewebdev@googlegroups.com. > To unsubscribe from this group, send email to iphonewebdev+unsubscribe@googlegroups.com. > For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
> This code is based on the live demo code, but not from the example > code, so it works. But there is still one issue here: the input field > in the dialog overlaps with the word "search" a bit. And also, if you > click "search" "cancel" "search" two or three times, the ui may become > strange.
Can you post an example of the "strange" behavior and/or provide a little more detail?
> On 4/10/12 8:33 AM, Hong Xu wrote: >> This code is based on the live demo code, but not from the example >> code, so it works. But there is still one issue here: the input field >> in the dialog overlaps with the word "search" a bit. And also, if you >> click "search" "cancel" "search" two or three times, the ui may become >> strange.
> Can you post an example of the "strange" behavior and/or provide a > little more detail?
Yes, of course.
The first issue: When the search dialog box is popped up, there will be a grey "search:" in the left of the search box: http://imgur.com/2ExNq
However, the left boundary of the cursor area in this search box is at the left of the ":" in "search:", which means "search:" has an overlapping area with the edit area.
The second issue: When you tap on the "Search" button, and then tap on the "Cancel" button, then "Search" button again, "Cancel" button again, you will found the "Search" button disappears: it is replaced by a button without any word in it.
On Thu, Apr 12, 2012 at 4:48 PM, Hong Xu <xuh...@gmail.com> wrote: > On 04/12/2012 02:24 PM, Sean Gilligan wrote:
>> On 4/10/12 8:33 AM, Hong Xu wrote:
>>> This code is based on the live demo code, but not from the example >>> code, so it works. But there is still one issue here: the input field >>> in the dialog overlaps with the word "search" a bit. And also, if you >>> click "search" "cancel" "search" two or three times, the ui may become >>> strange.
>> Can you post an example of the "strange" behavior and/or provide a >> little more detail?
> Yes, of course.
> The first issue: When the search dialog box is popped up, there will be a > grey "search:" in the left of the search box: http://imgur.com/2ExNq
> However, the left boundary of the cursor area in this search box is at the > left of the ":" in "search:", which means "search:" has an overlapping area > with the edit area.
> The second issue: When you tap on the "Search" button, and then tap on the > "Cancel" button, then "Search" button again, "Cancel" button again, you > will found the "Search" button disappears: it is replaced by a button > without any word in it.
> -- > You received this message because you are subscribed to the Google Groups > "iPhoneWebDev" group. > To post to this group, send email to iphonewebdev@googlegroups.com. > To unsubscribe from this group, send email to iphonewebdev+unsubscribe@** > googlegroups.com <iphonewebdev%2Bunsubscribe@googlegroups.com>. > For more options, visit this group at http://groups.google.com/** > group/iphonewebdev?hl=en<http://groups.google.com/group/iphonewebdev?hl=en> > .
> On Thu, Apr 12, 2012 at 4:48 PM, Hong Xu <xuh...@gmail.com > <mailto:xuh...@gmail.com>> wrote:
> On 04/12/2012 02:24 PM, Sean Gilligan wrote:
> On 4/10/12 8:33 AM, Hong Xu wrote:
> This code is based on the live demo code, but not from the > example > code, so it works. But there is still one issue here: the > input field > in the dialog overlaps with the word "search" a bit. And > also, if you > click "search" "cancel" "search" two or three times, the ui > may become > strange.
> Can you post an example of the "strange" behavior and/or provide a > little more detail?
> Yes, of course.
> The first issue: When the search dialog box is popped up, there will > be a grey "search:" in the left of the search box: > http://imgur.com/2ExNq
> However, the left boundary of the cursor area in this search box is > at the left of the ":" in "search:", which means "search:" has an > overlapping area with the edit area.
> The second issue: When you tap on the "Search" button, and then tap > on the "Cancel" button, then "Search" button again, "Cancel" button > again, you will found the "Search" button disappears: it is replaced > by a button without any word in it.
> On 04/12/2012 11:32 PM, Remi Grumeau wrote: >> On Thu, Apr 12, 2012 at 4:48 PM, Hong Xu <xuh...@gmail.com >> <mailto:xuh...@gmail.com>> wrote:
>> On 04/12/2012 02:24 PM, Sean Gilligan wrote:
>> On 4/10/12 8:33 AM, Hong Xu wrote:
>> This code is based on the live demo code, but not from the >> example >> code, so it works. But there is still one issue here: the >> input field >> in the dialog overlaps with the word "search" a bit. And >> also, if you >> click "search" "cancel" "search" two or three times, the ui >> may become >> strange.
>> Can you post an example of the "strange" behavior and/or provide a >> little more detail?
>> Yes, of course.
>> The first issue: When the search dialog box is popped up, there will >> be a grey "search:" in the left of the search box: >> http://imgur.com/2ExNq
>> However, the left boundary of the cursor area in this search box is >> at the left of the ":" in "search:", which means "search:" has an >> overlapping area with the edit area.
>> The second issue: When you tap on the "Search" button, and then tap >> on the "Cancel" button, then "Search" button again, "Cancel" button >> again, you will found the "Search" button disappears: it is replaced >> by a button without any word in it.