the example dialog box form in IUI

172 views
Skip to first unread message

Hong Xu

unread,
Apr 7, 2012, 9:17:42 AM4/7/12
to iphone...@googlegroups.com
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

Rémi Grumeau

unread,
Apr 7, 2012, 10:51:43 AM4/7/12
to iphone...@googlegroups.com
You're right!

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

> --
> You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group.
> To post to this group, send email to iphone...@googlegroups.com.
> To unsubscribe from this group, send email to iphonewebdev...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
>

Hong Xu

unread,
Apr 10, 2012, 10:27:04 AM4/10/12
to iphone...@googlegroups.com

Remi Grumeau

unread,
Apr 10, 2012, 11:01:03 AM4/10/12
to iphone...@googlegroups.com
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.

It seems to work pretty good... no?

Remi


On Tue, Apr 10, 2012 at 4:27 PM, Hong Xu <xuh...@gmail.com> wrote:


On 04/07/2012 10:51 PM, Rémi Grumeau wrote:
You're right!

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 iphone...@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 iphone...@googlegroups.com.
To unsubscribe from this group, send email to iphonewebdev+unsubscribe@googlegroups.com.

Hong Xu

unread,
Apr 10, 2012, 11:33:27 AM4/10/12
to iphone...@googlegroups.com
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
To unsubscribe from this group, send email to iphonewebdev...@googlegroups.com.

Sean Gilligan

unread,
Apr 12, 2012, 2:24:16 AM4/12/12
to iphone...@googlegroups.com
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?

-- Sean

Hong Xu

unread,
Apr 12, 2012, 10:48:16 AM4/12/12
to iphone...@googlegroups.com

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.

Thank you very much if you could help me,

Hong

Remi Grumeau

unread,
Apr 12, 2012, 11:32:43 AM4/12/12
to iphone...@googlegroups.com
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.

Can you reproduce the bug here?

 

Thank you very much if you could help me,

Hong

Hong Xu

unread,
Apr 12, 2012, 11:42:33 AM4/12/12
to iphone...@googlegroups.com
> <http://code.google.com/r/remigrumeau-iui-dev/source/detail?r=f0481e4af0e79100ab62f1304f07d5e6cfdc614e&name=remigrumeau-forms>
>

I'll give it a try tomorrow.

>
> 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.
>
>
> Can you reproduce the bug here?
> http://stage.iui-js.org/test/form-test.html
>

I can't reproduce it here. I used TbBMod
<http://www.iui-js.org/documentation/0.50/extensions/extensions-tbbmod.html>
in my code. Maybe that's the reason that causes the problem?

Thanks,

Hong

Hong Xu

unread,
Apr 12, 2012, 8:34:56 PM4/12/12
to iphone...@googlegroups.com

Yes, this is fixed. Thanks.

>
>>
>> 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.
>>
>>
>> Can you reproduce the bug here?
>> http://stage.iui-js.org/test/form-test.html
>>
>
> I can't reproduce it here. I used TbBMod
> <http://www.iui-js.org/documentation/0.50/extensions/extensions-tbbmod.html>
> in my code. Maybe that's the reason that causes the problem?
>

Hong

Reply all
Reply to author
Forward
0 new messages