DateBox DatePicker popup is not showing up!

[John_Idol]

Hi All,

I am following this example and the example in the DateBox
specification - so I have smt like this in my OnModuleLoad:

public void onModuleLoad() {
_dateBox = new DateBox();
_dateBox.setValue(new Date());
RootPanel.get().add(_dateBox);
}

Problem is when I click on the DateBox nothing happens - I'd expect
the popup with the DatePicker to show up (this is happening on hosted
browser (IE), chrome and firefox).

Is there any init step I am missing?

I tried a search on this group but couldn't find anything similar

Any help appreciated!

[John_Idol]

When I said *this* example I meant to include the link but I didn't --
> http://gwt.google.com/samples/Showcase/Showcase.html#CwDatePicker

[John_Idol]

my BAD --> had a look with firebug and it was there behind the rest of
the stuff, I just had to define the following css class:

.dateBoxPopup {
z-index: 100;

[Sandeep Shukla]

Thanks a ton !! This was a life saver :) 

[Muthu Selvam]

Hi All,

Can any one help me ???

Here the main widget as GWT PopupPanel inside that we are creating two DateBox (com.github.gwtbootstrap.datepicker.client.ui.DateBox) but i'm not able to select any date events. This issues happen only in popup. Any one knows this issue to fix ?

Advance Thanks!!!!

[Patrick Tucker]

Maybe provide some code?

[Muthu Selvam]

Hi Patrick,

Here you can find my UiBinder code. 

UiBinder

=======

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">

<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"

xmlns:g="urn:import:com.google.gwt.user.client.ui" xmlns:b="urn:import:com.github.gwtbootstrap.client.ui"

xmlns:d="urn:import:com.github.gwtbootstrap.datepicker.client.ui">

<g:HTMLPanel>

   <g:PopupPanel ui:field="popup">

<b:AccordionGroup ui:field="scheduleWidgetAccordianGroup"

heading="Period 1" defaultOpen="true" addStyleNames="scheduleWidgetAccordianGroup">

<b:Form type="HORIZONTAL" addStyleNames="scheduleWidget">

<b:ControlGroup ui:field="datesControlGroup">

<b:ControlLabel>

<ui:msg key="widget.controlLabel.date">Date</ui:msg>

:

</b:ControlLabel>

<b:Controls ui:field="dateBoxesControl">

<g:FlowPanel addStyleNames="scheduleDropdownPanel">

<d:DateBox ui:field="fromDate" autoClose="true"/>

<b:Icon type="ARROW_RIGHT" />

<d:DateBox ui:field="toDate" autoClose="true"/>

<b:Button icon="PLUS_SIGN" type="LINK" ui:field="addDateButton"

addStyleNames="schedulePlusSign" />

</g:FlowPanel>

</b:Controls>

</b:ControlGroup>

</b:Form>

</b:AccordionGroup>

         </g:PopupPanel>

</g:HTMLPanel>

</ui:UiBinder> 

Class file

=======

popup.show(); - Now the popup will appear but I'm not able to select any date at all.

On Wednesday, March 12, 2014 5:55:10 AM UTC+5:30, Patrick Tucker wrote:

Maybe provide some code?

[Muthu Selvam]

Also i added below css to PopupPanel but its not reflect any more.

 

<g:PopupPanel ui:field="popup" addStyleNames="dateBoxPopup" >

.dateBoxPopup { 
        z-index: 100; 

}

Hoping positive reply from you!!! Thanks!!!