You are viewing a plain text version of this content. The canonical link for it is here.

Posted to users@wicket.apache.org by Matt <ma...@sgcib.com> on 2012/02/09 14:12:30 UTC

Problem DatePicker, ModalWindow and IE8

Hi everybody,

I've got some issue about the DatePicker.

I'm using Wicket 1.4.17 with wicket extension 1.4.17 as well.

I'v got a modal window, with a form and inside a datetextfield with a
datepicker. Everything is working fine with firefox but not with IE8.

In fact, i can display the calendar when i click on the calendar icon, i can
select a day (which closes the datepicker), but i can't close it with the
close button nor change the current month displayed ... . 

When i put my mouse over one of those buttons (close or change month), i
don't have the "pointer" cursor and when i click it does nothing.

I don't have any javascript error neither.

I tried the datepicker on IE8 but not in a modal window, and it's working.

The only thing that succeded, is that a changed the css attribute "position"
of the close button (set to "relative"), and then i can click the button but
the style is broken and i the the text "Close" above the image in backround
(tried to fix the style then but it's a pain in the ass).

Here is some of my code : 

/<form wicket:id="modalForm">
      <div wicket:id="modal"></div>
  </form>/

Panel added inside the modal : 

/<form wicket:id="insideForm" class="form">
  <ul>
    <li> .......
    ......
<li>
 <label>Wicket message</label>
  <input wicket:id="date" type="text" ></input>
</li>/

Java code is "classical", may be not useful (as html may be lol).

I try hard to fix this but nothing is really working. Maybe it comes from
the way i'm doing it but i can't figure out where ... .

If somebody has an idea, or had and fixed this issue in the past ....

Thanks ^^

--
View this message in context: http://apache-wicket.1842946.n4.nabble.com/Problem-DatePicker-ModalWindow-and-IE8-tp4372772p4372772.html
Sent from the Users forum mailing list archive at Nabble.com.

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org

RE: Problem DatePicker, ModalWindow and IE8

Posted by Matt <ma...@sgcib.com>.


Mathieu Laurent
Objet Direct consultant for SGCIB ITEC
matthieu.laurent-ext@sgcib.com

From: Matt [via Apache Wicket] [mailto:ml-node+s1842946n4373065h10@n4.nabble.com]
Sent: Thursday, February 09, 2012 3:36 PM
To: LAURENT Matthieu (EXT) ItecCttRrc
Subject: RE: Problem DatePicker, ModalWindow and IE8

Wilhelmsen Tor Iver wrote
You probably need to add a DOCTYPE declaration to the top of your HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd%22%3e>
<html xmlns="http://www.w3.org/1999/xhtml"<http://www.w3.org/1999/xhtml%22> xmlns:wicket="http://wicket.apache.org"><http://wicket.apache.org%22%3e>
...
I already had the DOCTYPE but not the xmlns:wicket ... i just had it but no change ...

Thanks anyway Tor ^^
________________________________
If you reply to this email, your message will be added to the discussion below:
http://apache-wicket.1842946.n4.nabble.com/Problem-DatePicker-ModalWindow-and-IE8-tp4372772p4373065.html
To unsubscribe from Problem DatePicker, ModalWindow and IE8, click here<http://apache-wicket.1842946.n4.nabble.com/template/NamlServlet.jtp?macro=unsubscribe_by_code&node=4372772&code=bWF0dGhpZXUubGF1cmVudC1leHRAc2djaWIuY29tfDQzNzI3NzJ8MTM4NjUxNzc4OQ==>.
NAML<http://apache-wicket.1842946.n4.nabble.com/template/NamlServlet.jtp?macro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_email%21nabble%3Aemail.naml>
*************************************************************************
This message and any attachments (the "message") are confidential, intended solely for the addressee(s), and may contain legally privileged information.
Any unauthorised use or dissemination is prohibited. E-mails are susceptible to alteration.   
Neither SOCIETE GENERALE nor any of its subsidiaries or affiliates shall be liable for the message if altered, changed or
falsified.
                              ************
Ce message et toutes les pieces jointes (ci-apres le "message") sont confidentiels et susceptibles de contenir des informations couvertes 
par le secret professionnel. 
Ce message est etabli a l'intention exclusive de ses destinataires. Toute utilisation ou diffusion non autorisee est interdite.
Tout message electronique est susceptible d'alteration. 
La SOCIETE GENERALE et ses filiales declinent toute responsabilite au titre de ce message s'il a ete altere, deforme ou falsifie.
*************************************************************************


--
View this message in context: http://apache-wicket.1842946.n4.nabble.com/Problem-DatePicker-ModalWindow-and-IE8-tp4372772p4373067.html
Sent from the Users forum mailing list archive at Nabble.com.

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org

RE: Problem DatePicker, ModalWindow and IE8

Posted by Matt <ma...@sgcib.com>.

Wilhelmsen Tor Iver wrote
> 
> You probably need to add a DOCTYPE declaration to the top of your HTML:
> 
> &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0
> Transitional//EN&quot;
> 	&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
> <html xmlns="http://www.w3.org/1999/xhtml"
> xmlns:wicket="http://wicket.apache.org">
> ...
> 

I already had the DOCTYPE but not the xmlns:wicket ... i just had it but no
change ...

Thanks anyway Tor ^^

--
View this message in context: http://apache-wicket.1842946.n4.nabble.com/Problem-DatePicker-ModalWindow-and-IE8-tp4372772p4373065.html
Sent from the Users forum mailing list archive at Nabble.com.

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org

RE: Problem DatePicker, ModalWindow and IE8

Posted by Wilhelmsen Tor Iver <To...@arrive.no>.

> When i put my mouse over one of those buttons (close or change month), i don't have the "pointer" cursor and when i click it does nothing.

Welcome to the wonderful world of IE compatibility mode.

You probably need to add a DOCTYPE declaration to the top of your HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org">
...

- Tor Iver

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org

Re: Problem DatePicker, ModalWindow and IE8

Posted by Matt <ma...@sgcib.com>.

Hi and thanks for the quick response.

I have already read this jira issue but it is not exactly the same as my
problem (though it's about ie8, so a fix woul be not to use it :p) ... i'm
really busy so i donno if can make a quickstart app ... .

--
View this message in context: http://apache-wicket.1842946.n4.nabble.com/Problem-DatePicker-ModalWindow-and-IE8-tp4372772p4372817.html
Sent from the Users forum mailing list archive at Nabble.com.

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org

Re: Problem DatePicker, ModalWindow and IE8

Posted by Martin Grigorov <mg...@apache.org>.

Hi,

There is an open issue about this:
https://issues.apache.org/jira/browse/WICKET-4282
Unfortunately it doesn't have a quickstart to debug.
Please attach one and we will try to fix it.
Thanks!

On Thu, Feb 9, 2012 at 3:12 PM, Matt <ma...@sgcib.com> wrote:
> Hi everybody,
>
> I've got some issue about the DatePicker.
>
> I'm using Wicket 1.4.17 with wicket extension 1.4.17 as well.
>
> I'v got a modal window, with a form and inside a datetextfield with a
> datepicker. Everything is working fine with firefox but not with IE8.
>
> In fact, i can display the calendar when i click on the calendar icon, i can
> select a day (which closes the datepicker), but i can't close it with the
> close button nor change the current month displayed ... .
>
> When i put my mouse over one of those buttons (close or change month), i
> don't have the "pointer" cursor and when i click it does nothing.
>
> I don't have any javascript error neither.
>
> I tried the datepicker on IE8 but not in a modal window, and it's working.
>
> The only thing that succeded, is that a changed the css attribute "position"
> of the close button (set to "relative"), and then i can click the button but
> the style is broken and i the the text "Close" above the image in backround
> (tried to fix the style then but it's a pain in the ass).
>
> Here is some of my code :
>
> /<form wicket:id="modalForm">
>      <div wicket:id="modal"></div>
>  </form>/
>
> Panel added inside the modal :
>
> /<form wicket:id="insideForm" class="form">
>  <ul>
>    <li> .......
>    ......
> <li>
>  <label>Wicket message</label>
>  <input wicket:id="date" type="text" ></input>
> </li>/
>
> Java code is "classical", may be not useful (as html may be lol).
>
> I try hard to fix this but nothing is really working. Maybe it comes from
> the way i'm doing it but i can't figure out where ... .
>
> If somebody has an idea, or had and fixed this issue in the past ....
>
> Thanks ^^
>
> --
> View this message in context: http://apache-wicket.1842946.n4.nabble.com/Problem-DatePicker-ModalWindow-and-IE8-tp4372772p4372772.html
> Sent from the Users forum mailing list archive at Nabble.com.
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>



-- 
Martin Grigorov
jWeekend
Training, Consulting, Development
http://jWeekend.com

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org

RE: Problem DatePicker, ModalWindow and IE8

Posted by Matt <ma...@sgcib.com>.


Mathieu Laurent
Objet Direct consultant for SGCIB ITEC
matthieu.laurent-ext@sgcib.com

From: Matt [via Apache Wicket] [mailto:ml-node+s1842946n4383181h6@n4.nabble.com]
Sent: Monday, February 13, 2012 9:55 AM
To: LAURENT Matthieu (EXT) ItecCttRrc
Subject: RE: Problem DatePicker, ModalWindow and IE8

Any other idea ???

I tried few oher things (manly css customization), but nothing relevent ... .

May be i should not use the datepicker, or use another one ...
________________________________
If you reply to this email, your message will be added to the discussion below:
http://apache-wicket.1842946.n4.nabble.com/Problem-DatePicker-ModalWindow-and-IE8-tp4372772p4383181.html
To unsubscribe from Problem DatePicker, ModalWindow and IE8, click here<http://apache-wicket.1842946.n4.nabble.com/template/NamlServlet.jtp?macro=unsubscribe_by_code&node=4372772&code=bWF0dGhpZXUubGF1cmVudC1leHRAc2djaWIuY29tfDQzNzI3NzJ8MTM4NjUxNzc4OQ==>.
NAML<http://apache-wicket.1842946.n4.nabble.com/template/NamlServlet.jtp?macro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_email%21nabble%3Aemail.naml>
*************************************************************************
This message and any attachments (the "message") are confidential, intended solely for the addressee(s), and may contain legally privileged information.
Any unauthorised use or dissemination is prohibited. E-mails are susceptible to alteration.   
Neither SOCIETE GENERALE nor any of its subsidiaries or affiliates shall be liable for the message if altered, changed or
falsified.
                              ************
Ce message et toutes les pieces jointes (ci-apres le "message") sont confidentiels et susceptibles de contenir des informations couvertes 
par le secret professionnel. 
Ce message est etabli a l'intention exclusive de ses destinataires. Toute utilisation ou diffusion non autorisee est interdite.
Tout message electronique est susceptible d'alteration. 
La SOCIETE GENERALE et ses filiales declinent toute responsabilite au titre de ce message s'il a ete altere, deforme ou falsifie.
*************************************************************************


--
View this message in context: http://apache-wicket.1842946.n4.nabble.com/Problem-DatePicker-ModalWindow-and-IE8-tp4372772p4383185.html
Sent from the Users forum mailing list archive at Nabble.com.

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org

RE: Problem DatePicker, ModalWindow and IE8

Posted by Matt <ma...@sgcib.com>.

Any other idea ???

I tried few oher things (manly css customization), but nothing relevent ...
.

May be i should not use the datepicker, or use another one ...

--
View this message in context: http://apache-wicket.1842946.n4.nabble.com/Problem-DatePicker-ModalWindow-and-IE8-tp4372772p4383181.html
Sent from the Users forum mailing list archive at Nabble.com.

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org

Re: Problem DatePicker, ModalWindow and IE8

Posted by François Meillet <fm...@meillet.com>.

Hi Mathieu,

Have you try to modify (or set) the CSS "z-index" property (link the the "position" property) of the div that cover the close button

François


Le 10 févr. 2012 à 09:21, Matt a écrit :

> close

RE: Problem DatePicker, ModalWindow and IE8

Posted by Matt <ma...@sgcib.com>.


Mathieu Laurent
Objet Direct consultant for SGCIB ITEC
matthieu.laurent-ext@sgcib.com

From: Matt [via Apache Wicket] [mailto:ml-node+s1842946n4375593h78@n4.nabble.com]
Sent: Friday, February 10, 2012 9:21 AM
To: LAURENT Matthieu (EXT) ItecCttRrc
Subject: RE: Problem DatePicker, ModalWindow and IE8

Hi Chris,

I have already added a form around my modal window. It resolved some other issues i had at the begining, but not the "i can't use the close button nor the change month ones".

I'll have a quick look at your framework if it can help me ... .

Thx ^^
________________________________
If you reply to this email, your message will be added to the discussion below:
http://apache-wicket.1842946.n4.nabble.com/Problem-DatePicker-ModalWindow-and-IE8-tp4372772p4375593.html
To unsubscribe from Problem DatePicker, ModalWindow and IE8, click here<http://apache-wicket.1842946.n4.nabble.com/template/NamlServlet.jtp?macro=unsubscribe_by_code&node=4372772&code=bWF0dGhpZXUubGF1cmVudC1leHRAc2djaWIuY29tfDQzNzI3NzJ8MTM4NjUxNzc4OQ==>.
NAML<http://apache-wicket.1842946.n4.nabble.com/template/NamlServlet.jtp?macro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_email%21nabble%3Aemail.naml>
*************************************************************************
This message and any attachments (the "message") are confidential, intended solely for the addressee(s), and may contain legally privileged information.
Any unauthorised use or dissemination is prohibited. E-mails are susceptible to alteration.   
Neither SOCIETE GENERALE nor any of its subsidiaries or affiliates shall be liable for the message if altered, changed or
falsified.
                              ************
Ce message et toutes les pieces jointes (ci-apres le "message") sont confidentiels et susceptibles de contenir des informations couvertes 
par le secret professionnel. 
Ce message est etabli a l'intention exclusive de ses destinataires. Toute utilisation ou diffusion non autorisee est interdite.
Tout message electronique est susceptible d'alteration. 
La SOCIETE GENERALE et ses filiales declinent toute responsabilite au titre de ce message s'il a ete altere, deforme ou falsifie.
*************************************************************************


--
View this message in context: http://apache-wicket.1842946.n4.nabble.com/Problem-DatePicker-ModalWindow-and-IE8-tp4372772p4375594.html
Sent from the Users forum mailing list archive at Nabble.com.

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org

RE: Problem DatePicker, ModalWindow and IE8

Posted by Matt <ma...@sgcib.com>.

Hi Chris,

I have already added a form around my modal window. It resolved some other
issues i had at the begining, but not the "i can't use the close button nor
the change month ones".

I'll have a quick look at your framework if it can help me ... .

Thx ^^

--
View this message in context: http://apache-wicket.1842946.n4.nabble.com/Problem-DatePicker-ModalWindow-and-IE8-tp4372772p4375593.html
Sent from the Users forum mailing list archive at Nabble.com.

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org

RE: Problem DatePicker, ModalWindow and IE8

Posted by Chris Colman <ch...@stepaheadsoftware.com>.

I had a similar problem. After trying many things the only solution was
to do as the devs suggested: make sure the ModalWindow that opens the
modal with the form in it is ITSELF in a form. Not sure why this is the
only way to get modal forms with DatePickers working on IE 8 - it just
is.

We fixed this in the Wicketstuff ModalX framework by setting up n
ModalWindowS each enclosed in a form - all set up in your base page
class. This ensures that every page in your app has available at any
time n 'already form wrapped' ModalWindowS to you. N is chosen by the
developer to be the maximum number of nested forms that you will ever
need. 2-3 is fine for most apps. 3 is good because it allows nesting to
2 levels of modals + 1 for an extra ModalX MessageBox if required to
alert the user while on the 2 form.

>-----Original Message-----
>From: Matt [mailto:matthieu.laurent-ext@sgcib.com]
>Sent: Friday, 10 February 2012 12:13 AM
>To: users@wicket.apache.org
>Subject: Problem DatePicker, ModalWindow and IE8
>
>Hi everybody,
>
>I've got some issue about the DatePicker.
>
>I'm using Wicket 1.4.17 with wicket extension 1.4.17 as well.
>
>I'v got a modal window, with a form and inside a datetextfield with a
>datepicker. Everything is working fine with firefox but not with IE8.
>
>In fact, i can display the calendar when i click on the calendar icon,
i
>can
>select a day (which closes the datepicker), but i can't close it with
the
>close button nor change the current month displayed ... .
>
>When i put my mouse over one of those buttons (close or change month),
i
>don't have the "pointer" cursor and when i click it does nothing.
>
>I don't have any javascript error neither.
>
>I tried the datepicker on IE8 but not in a modal window, and it's
working.
>
>The only thing that succeded, is that a changed the css attribute
>"position"
>of the close button (set to "relative"), and then i can click the
button
>but
>the style is broken and i the the text "Close" above the image in
backround
>(tried to fix the style then but it's a pain in the ass).
>
>Here is some of my code :
>
>/<form wicket:id="modalForm">
>      <div wicket:id="modal"></div>
>  </form>/
>
>Panel added inside the modal :
>
>/<form wicket:id="insideForm" class="form">
>  <ul>
>    <li> .......
>    ......
><li>
> <label>Wicket message</label>
>  <input wicket:id="date" type="text" ></input>
></li>/
>
>Java code is "classical", may be not useful (as html may be lol).
>
>I try hard to fix this but nothing is really working. Maybe it comes
from
>the way i'm doing it but i can't figure out where ... .
>
>If somebody has an idea, or had and fixed this issue in the past ....
>
>Thanks ^^
>
>--
>View this message in context: http://apache-
>wicket.1842946.n4.nabble.com/Problem-DatePicker-ModalWindow-and-IE8-
>tp4372772p4372772.html
>Sent from the Users forum mailing list archive at Nabble.com.
>
>---------------------------------------------------------------------
>To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
>For additional commands, e-mail: users-help@wicket.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org