RE: Modal dialog with two forms on separate tabbed panels intermittently not working
I found something strange in my code where setMarkupId was being called but I couldn't see a reason for it. I've removed that code and haven't seen the problem occur since so I'm keeping my fingers crossed that this was the cause. Regards, Chris -Original Message- From: Chris Colman [mailto:chr...@stepaheadsoftware.com] Sent: Sunday, 4 July 2010 10:25 AM To: users@wicket.apache.org Subject: Modal dialog with two forms on separate tabbed panels intermittently not working We have an authentication modal window that contains a tabbed panel with two tabs, each with their own form: one for log on and one for registering. The user can switch between the tabs and proceed with the one that is appropriate to them. This works fine for most of the time however there is an intermittent problem whereby it appears as though the normal transferring of field data to the model does not occur - whether field values satisfy the verification process or not. The verification error message that displays indicates that wicket thinks that all fields were left completely blank - when they were filled in. Anyone else seen this issue? I can't work out steps to reproduce the problem reliably but it seems more likely to occur if I toggle between the log on/sign up tabs a few times before entering data and submitting one of the forms. A couple of users have also complained that they can't log into our application which would indicate that intermittently users are also seeing the problem. Happens on both FF 3.6.6 and IE 8 - 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
Modal dialog with two forms on separate tabbed panels intermittently not working
We have an authentication modal window that contains a tabbed panel with two tabs, each with their own form: one for log on and one for registering. The user can switch between the tabs and proceed with the one that is appropriate to them. This works fine for most of the time however there is an intermittent problem whereby it appears as though the normal transferring of field data to the model does not occur - whether field values satisfy the verification process or not. The verification error message that displays indicates that wicket thinks that all fields were left completely blank - when they were filled in. Anyone else seen this issue? I can't work out steps to reproduce the problem reliably but it seems more likely to occur if I toggle between the log on/sign up tabs a few times before entering data and submitting one of the forms. A couple of users have also complained that they can't log into our application which would indicate that intermittently users are also seeing the problem. Happens on both FF 3.6.6 and IE 8 - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Style implementation for Round Cornered Tabbed Panels
Hi all,
I need to make each tab on an AjaxTabbedPanel have round corners. No big
deal so far:
*div.tabpanel div.tab-row li* {
background:url(my-round-corner-tab-background.png) no-repeat left top;
}
But what if I want to have a resizable round cornered tab. Therefore if i
have a tab title hi and another good bye and have a wonderful weekend!!!
I wouldn't need to have two different background images: one for small
normal titles and another background for huge horrible ones.
I believe the technique is to have the two corners edges (left and right)
and have the middle space with the same colored background.
so, any ideas on how, and if I could implement that without touching so much
the AjaxTabbedPanel implementation (extending).
I think I might be able to put the left corner background image on the
*div.tabpanel
div.tab-row li a *and the right one on the *div.tabpanel div.tab-row li a
span
*This would be, uggly even if I could do it.
So, any better way of doing this without having to extend the current
AjaxTabbedPanel?
thanks,
f(t)
Re: Style implementation for Round Cornered Tabbed Panels
I've seen this done pretty much how you describe (in fact I think
there is a demo inthe wicket examples) That use two images (left and
right).
the left one is narrow, just enough to contain the rounded corners,
the right side however is extra long; long enough to fit pretty much
any text you put in.
As the tab expands, the right side move to the right and simply clips
to the left as needed.
- Brill Pappin
On 24-Jun-08, at 6:01 PM, Francisco Diaz Trepat - gmail wrote:
Hi all,
I need to make each tab on an AjaxTabbedPanel have round corners. No
big
deal so far:
*div.tabpanel div.tab-row li* {
background:url(my-round-corner-tab-background.png) no-repeat
left top;
}
But what if I want to have a resizable round cornered tab.
Therefore if i
have a tab title hi and another good bye and have a wonderful
weekend!!!
I wouldn't need to have two different background images: one for small
normal titles and another background for huge horrible ones.
I believe the technique is to have the two corners edges (left and
right)
and have the middle space with the same colored background.
so, any ideas on how, and if I could implement that without touching
so much
the AjaxTabbedPanel implementation (extending).
I think I might be able to put the left corner background image on the
*div.tabpanel
div.tab-row li a *and the right one on the *div.tabpanel div.tab-row
li a
span
*This would be, uggly even if I could do it.
So, any better way of doing this without having to extend the current
AjaxTabbedPanel?
thanks,
f(t)
-
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
Re: Style implementation for Round Cornered Tabbed Panels
The wicket tab panel example does exactly this
http://www.wicket-library.com/wicket-examples/ajax/tabbed-panel.1
It uses the sliding door technique describe here:
http://www.alistapart.com/articles/slidingdoors/
On Tue, Jun 24, 2008 at 5:02 PM, Brill Pappin [EMAIL PROTECTED] wrote:
I've seen this done pretty much how you describe (in fact I think there is
a demo inthe wicket examples) That use two images (left and right).
the left one is narrow, just enough to contain the rounded corners, the
right side however is extra long; long enough to fit pretty much any text
you put in.
As the tab expands, the right side move to the right and simply clips to
the left as needed.
- Brill Pappin
On 24-Jun-08, at 6:01 PM, Francisco Diaz Trepat - gmail wrote:
Hi all,
I need to make each tab on an AjaxTabbedPanel have round corners. No big
deal so far:
*div.tabpanel div.tab-row li* {
background:url(my-round-corner-tab-background.png) no-repeat left top;
}
But what if I want to have a resizable round cornered tab. Therefore if
i
have a tab title hi and another good bye and have a wonderful
weekend!!!
I wouldn't need to have two different background images: one for small
normal titles and another background for huge horrible ones.
I believe the technique is to have the two corners edges (left and right)
and have the middle space with the same colored background.
so, any ideas on how, and if I could implement that without touching so
much
the AjaxTabbedPanel implementation (extending).
I think I might be able to put the left corner background image on the
*div.tabpanel
div.tab-row li a *and the right one on the *div.tabpanel div.tab-row li a
span
*This would be, uggly even if I could do it.
So, any better way of doing this without having to extend the current
AjaxTabbedPanel?
thanks,
f(t)
-
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
Tabbed panels
I have two questions regarding tabbed panels. I've read the example, so I've
been able to create a navigation with it but it's a bit limited.
First thing, is it possible to nest tabbed panels? I tried to do so, but then
all the wickets in the panels stopped working. Way I set it up was create a
TabbedPanel where the different tabs referred to new TabbedPanels. Not really
sure if this is doable, but if so how would I go about it, and is it possible
to change the CSS style for the two tab panels?
Second thing, I tried to make a helper class for adding tabs to a Tabbed Panel.
It works fine, except for the getPanel() overloading. I tried to do it as
follows:
public void addTab( final String label, final Panel tabPanel ) {
tabs.add( new AbstractTab( new Model( label ))
{
private static final long serialVersionUID = 1L;
public Panel getPanel( String panelID )
{
return tabpanel;
}
});
}
Simply changing it to return new PersondataPanel( panelID ); works, but this
would mean creating one addTab(..) for each possible panel. Is there an elegant
way of solving this?
-
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
Re: Tabbed panels
On 10/31/07, Alexander Landsnes Keül [EMAIL PROTECTED] wrote:
I have two questions regarding tabbed panels. I've read the example, so I've
been able to create a navigation with it but it's a bit limited.
First thing, is it possible to nest tabbed panels? I tried to do so, but then
all the wickets in the panels stopped working. Way I set it up was create a
TabbedPanel where the different tabs referred to new TabbedPanels. Not really
sure if this is doable, but if so how would I go about it, and is it possible
to change the CSS style for the two tab panels?
yes it is possible, but i dont think it will help much returning a
tabbedpanel as the tab directly. instead return a panel that contains
a tabbedpanel inside. this is also how you would style the inner panel
differently, by wrapping it in a div tag with a class eg
div class=tab1div wicket:id=tabs//div
and style your panel like:
tab1 ul.first-tab {...}
Second thing, I tried to make a helper class for adding tabs to a Tabbed
Panel. It works fine, except for the getPanel() overloading. I tried to do it
as follows:
public void addTab( final String label, final Panel tabPanel ) {
tabs.add( new AbstractTab( new Model( label ))
{
private static final long serialVersionUID = 1L;
public Panel getPanel( String panelID )
{
return tabpanel;
}
});
}
Simply changing it to return new PersondataPanel( panelID ); works, but
this would mean creating one addTab(..) for each possible panel. Is there an
elegant way of solving this?
what you are doing is creating panels for tabs eagerly during
construction time, which isnt the best way to go about it. the whole
idea of having getpanel abstract in abstracttab is that it gives you
the hint that panels should be created lazily inside the callback.
-igor
-
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
-
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
