Re: Date Picker in Editable TreeTable in IE7 and IE8
Hi,
just to close this off in case it's of use to anyone else.
I gave up trying to get the DatePicker working from within a
wicket-extensions TreeTable (v1.4.2) in IE.
Instead I downloaded and used the new TableTree component from
http://code.google.com/p/wicket-tree/
(Thanks to Sven Meier)
This gives me pretty much the same functionality I had been using with the
wicket-extensions TreeTable, but now the DatePicker is working fine.
I think it's something to do with how IE handles div. The wicket-tree
TableTree component is rendered based on standard HTML tabletrtd
markup.
I found the new TableTree very natural in terms of the simplicity of the
tree model is uses (ITreeProvider) and my model objects at each node don't
have to implement a heavy TreeNode interface or be wrapped some
implementation of it.
The only drawback of TableTree was due to my own lack of experience of CSS.
I had to do a lot of the styling myself, whereas I was happy with what came
out of the box with extensions TreeTable.
Is this wicket-tree TableTree component going to be incorporated into
wicket-extensions? It seems like a good idea to drop the dependency on Swing
TreeModel etc.
Regards
John
2009/10/12 John MacEnri john.mace...@gmail.com
Thanks for that Zoltan.
Looks like it's worth a bit more digging into the css. I had already played
with the z-index but that had no effect. There must be something coming from
further up the structure tree that is causing it (only in IE, fine in
FireFox).
I might subclass the DatePicker in order to wrap it in an outer span like
you've shown here to see if that has any effect.
Thanks again
John
2009/10/12 zlus...@gmail.com zlus...@gmail.com
Hi,
Try to play with z-index css value; increase it, and it should bring the
calendar control above the other parts of the table. We are also using the
YUI calendar widget inside a table, see this page on JavaForge:
http://www.javaforge.com/proj/tracker/submitNew.do?tracker_id=5407.
(Sorry guys for showing a struts page here ;-).
The calendar markup is wrapped in a span
class=calOuterContainer.../span. The relevan css is:
/* relative puts the calendar where the container is on screen */
.calOuterContainer {
position: relative;
z-index:20;
/* holy hack for IE6 scrollbar bug on relative positioned controller
see: http://www.positioniseverything.net/explorer/unscrollable.html
*/
height: 1%;
}
I hope that helps,
Zoltan
John MacEnri írta:
Rolling my own seems like a pretty heavyweight solution. The control for
the
most part is fine. (Though the lack of any year change ability is a
significant drawback)
What I'm trying to find out is whether anyone else is having any trouble
with the YUI datepicker in IE7 or IE8 when used within a Table or
TreeTable.
Thanks
John
2009/10/10 Igor Vaynberg igor.vaynb...@gmail.com
you can always roll your own datepicker if the YUI one does not work
properly.
-igor
On Fri, Oct 9, 2009 at 5:13 PM, John MacEnri john.mace...@gmail.com
wrote:
Hi,
I'm new to Wicket this week, so not familiar with the expected format
or
structure of emails to this mailing list.
I picked Wicket after trawling around for a framework that would enable
UI
programming on the Web make sense again. It's been an absolute pleasure
so
far. Compared to the pain I've felt for some time now battling with web
application frameworks where most of the code of the applications was
in
XML, JS, JSP etc. etc. and a light sprinkling of actual Java, the
elegance
of Wicket as a natural UI programming environment makes everything seem
possible and even enjoyable again. Thanks.
But, (there always is a but:-) ), I'm struggling with an issue I've hit
with
the DatePicker and can't seem to resolve it.
I'm using Wicket 1.4.1.
I used the Editable TreeTable example from the Wicket site as a starter
for
the very small app I needed to write.
Rather than just text editable columns though, I'm making them more
type
specific, so one of them is for Dates and shows a DateTextField and a
DatePicker.
The app is working fine in Firefox but the DatePicker is always caught
behind the rows above and below when I run the app in IE7 or 8.
The attached screen snippets show the difference. I've dug deep into
the
css
and used the developer tools in IE8 which give you something akin to
Firebug
but couldn't find any css change would fix it.
Is there a way to fix this or an alternative date picker?
Thanks
John
-
To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
For additional commands, e-mail: users-h...@wicket.apache.org
-
To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
For additional commands, e-mail: users-h...@wicket.apache.org
Re: Date Picker in Editable TreeTable in IE7 and IE8
Thanks for that Zoltan.
Looks like it's worth a bit more digging into the css. I had already played
with the z-index but that had no effect. There must be something coming from
further up the structure tree that is causing it (only in IE, fine in
FireFox).
I might subclass the DatePicker in order to wrap it in an outer span like
you've shown here to see if that has any effect.
Thanks again
John
2009/10/12 zlus...@gmail.com zlus...@gmail.com
Hi,
Try to play with z-index css value; increase it, and it should bring the
calendar control above the other parts of the table. We are also using the
YUI calendar widget inside a table, see this page on JavaForge:
http://www.javaforge.com/proj/tracker/submitNew.do?tracker_id=5407. (Sorry
guys for showing a struts page here ;-).
The calendar markup is wrapped in a span
class=calOuterContainer.../span. The relevan css is:
/* relative puts the calendar where the container is on screen */
.calOuterContainer {
position: relative;
z-index:20;
/* holy hack for IE6 scrollbar bug on relative positioned controller
see: http://www.positioniseverything.net/explorer/unscrollable.html
*/
height: 1%;
}
I hope that helps,
Zoltan
John MacEnri írta:
Rolling my own seems like a pretty heavyweight solution. The control for
the
most part is fine. (Though the lack of any year change ability is a
significant drawback)
What I'm trying to find out is whether anyone else is having any trouble
with the YUI datepicker in IE7 or IE8 when used within a Table or
TreeTable.
Thanks
John
2009/10/10 Igor Vaynberg igor.vaynb...@gmail.com
you can always roll your own datepicker if the YUI one does not work
properly.
-igor
On Fri, Oct 9, 2009 at 5:13 PM, John MacEnri john.mace...@gmail.com
wrote:
Hi,
I'm new to Wicket this week, so not familiar with the expected format or
structure of emails to this mailing list.
I picked Wicket after trawling around for a framework that would enable
UI
programming on the Web make sense again. It's been an absolute pleasure
so
far. Compared to the pain I've felt for some time now battling with web
application frameworks where most of the code of the applications was in
XML, JS, JSP etc. etc. and a light sprinkling of actual Java, the
elegance
of Wicket as a natural UI programming environment makes everything seem
possible and even enjoyable again. Thanks.
But, (there always is a but:-) ), I'm struggling with an issue I've hit
with
the DatePicker and can't seem to resolve it.
I'm using Wicket 1.4.1.
I used the Editable TreeTable example from the Wicket site as a starter
for
the very small app I needed to write.
Rather than just text editable columns though, I'm making them more type
specific, so one of them is for Dates and shows a DateTextField and a
DatePicker.
The app is working fine in Firefox but the DatePicker is always caught
behind the rows above and below when I run the app in IE7 or 8.
The attached screen snippets show the difference. I've dug deep into the
css
and used the developer tools in IE8 which give you something akin to
Firebug
but couldn't find any css change would fix it.
Is there a way to fix this or an alternative date picker?
Thanks
John
-
To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
For additional commands, e-mail: users-h...@wicket.apache.org
-
To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
For additional commands, e-mail: users-h...@wicket.apache.org
-
To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
For additional commands, e-mail: users-h...@wicket.apache.org
Re: Date Picker in Editable TreeTable in IE7 and IE8
Rolling my own seems like a pretty heavyweight solution. The control for the most part is fine. (Though the lack of any year change ability is a significant drawback) What I'm trying to find out is whether anyone else is having any trouble with the YUI datepicker in IE7 or IE8 when used within a Table or TreeTable. Thanks John 2009/10/10 Igor Vaynberg igor.vaynb...@gmail.com you can always roll your own datepicker if the YUI one does not work properly. -igor On Fri, Oct 9, 2009 at 5:13 PM, John MacEnri john.mace...@gmail.com wrote: Hi, I'm new to Wicket this week, so not familiar with the expected format or structure of emails to this mailing list. I picked Wicket after trawling around for a framework that would enable UI programming on the Web make sense again. It's been an absolute pleasure so far. Compared to the pain I've felt for some time now battling with web application frameworks where most of the code of the applications was in XML, JS, JSP etc. etc. and a light sprinkling of actual Java, the elegance of Wicket as a natural UI programming environment makes everything seem possible and even enjoyable again. Thanks. But, (there always is a but:-) ), I'm struggling with an issue I've hit with the DatePicker and can't seem to resolve it. I'm using Wicket 1.4.1. I used the Editable TreeTable example from the Wicket site as a starter for the very small app I needed to write. Rather than just text editable columns though, I'm making them more type specific, so one of them is for Dates and shows a DateTextField and a DatePicker. The app is working fine in Firefox but the DatePicker is always caught behind the rows above and below when I run the app in IE7 or 8. The attached screen snippets show the difference. I've dug deep into the css and used the developer tools in IE8 which give you something akin to Firebug but couldn't find any css change would fix it. Is there a way to fix this or an alternative date picker? Thanks John - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Date Picker in Editable TreeTable in IE7 and IE8
Hi, I'm new to Wicket this week, so not familiar with the expected format or structure of emails to this mailing list. I picked Wicket after trawling around for a framework that would enable UI programming on the Web make sense again. It's been an absolute pleasure so far. Compared to the pain I've felt for some time now battling with web application frameworks where most of the code of the applications was in XML, JS, JSP etc. etc. and a light sprinkling of actual Java, the elegance of Wicket as a natural UI programming environment makes everything seem possible and even enjoyable again. Thanks. But, (there always is a but:-) ), I'm struggling with an issue I've hit with the DatePicker and can't seem to resolve it. I'm using Wicket 1.4.1. I used the Editable TreeTable example from the Wicket site as a starter for the very small app I needed to write. Rather than just text editable columns though, I'm making them more type specific, so one of them is for Dates and shows a DateTextField and a DatePicker. The app is working fine in Firefox but the DatePicker is always caught behind the rows above and below when I run the app in IE7 or 8. The attached screen snippets show the difference. I've dug deep into the css and used the developer tools in IE8 which give you something akin to Firebug but couldn't find any css change would fix it. Is there a way to fix this or an alternative date picker? Thanks John - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
