You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@wicket.apache.org by Chris Colman <ch...@stepaheadsoftware.com> on 2014/02/18 08:04:30 UTC
Wicket Modals and Bootstrap Modals - sizing issues
We are using Wicket with Bootstrap which is fine except for modal
window.
With Wicket it appears as though the modal window provides all the
markup for the out modal 'window'. We can provide HTML for the panels
within that but the outer modal seems to be Wicket generated.
This seems to be causing problems when using responsive Bootstrap
because the calculations of the grid sizes are based on the screen and
not the width of the modal window and so the form fields end up being
wider than the form itself.
Has anyone else had this problem? Is there a work around?
We're not using the Wicket 'enable bootstrap' flag in the settings as we
support bootstrap and non bootstrap markup within the same wicket app.
Regards,
Chris
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org
Re: Wicket Modals and Bootstrap Modals - sizing issues
Posted by Martin Grigorov <mg...@apache.org>.
No.
l0rdn1kk0n/wicket-bootstrap provides Wicket component for TB's Modal widget.
It doesn't try to fix/workaround any issues with Wicket's ModalWindow.
There are tickets like
https://github.com/l0rdn1kk0n/wicket-bootstrap/issues/228 but I doubt we
will implement them.
Martin Grigorov
Wicket Training and Consulting
On Tue, Feb 18, 2014 at 11:38 AM, Chris Colman <chrisc@stepaheadsoftware.com
> wrote:
> Would the l0rdn1kk0n / wicket-bootstrap community have dealt with this
> issue already or do they not support Wicket/Bootstrap modal windows in
> 'responsive' mode?
>
> Regards,
> Chris
>
> >-----Original Message-----
> >From: Martin Grigorov [mailto:mgrigorov@apache.org]
> >Sent: Tuesday, 18 February 2014 6:32 PM
> >To: users@wicket.apache.org
> >Subject: Re: Wicket Modals and Bootstrap Modals - sizing issues
> >
> >Hi,
> >
> >I think you will need to tweak some CSS rules.
> >Wicket's ModalWindow main CSS class is 'wicket-modal'. So you have to
> >provide CSS rule that sets the width for any .form-control in .wicket-
> >modal.
> >You can either use LESS/SASS to generate different rules for the
> different
> >screens or with CSS media queries.
> >
> >Martin Grigorov
> >Wicket Training and Consulting
> >
> >
> >On Tue, Feb 18, 2014 at 8:04 AM, Chris Colman
> ><ch...@stepaheadsoftware.com>wrote:
> >
> >> We are using Wicket with Bootstrap which is fine except for modal
> >> window.
> >>
> >> With Wicket it appears as though the modal window provides all the
> >> markup for the out modal 'window'. We can provide HTML for the panels
> >> within that but the outer modal seems to be Wicket generated.
> >>
> >> This seems to be causing problems when using responsive Bootstrap
> >> because the calculations of the grid sizes are based on the screen
> and
> >> not the width of the modal window and so the form fields end up being
> >> wider than the form itself.
> >>
> >> Has anyone else had this problem? Is there a work around?
> >>
> >> We're not using the Wicket 'enable bootstrap' flag in the settings as
> we
> >> support bootstrap and non bootstrap markup within the same wicket
> app.
> >>
> >> Regards,
> >> Chris
> >>
> >> ---------------------------------------------------------------------
> >> 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
>
>
RE: Wicket Modals and Bootstrap Modals - sizing issues
Posted by Chris Colman <ch...@stepaheadsoftware.com>.
Would the l0rdn1kk0n / wicket-bootstrap community have dealt with this
issue already or do they not support Wicket/Bootstrap modal windows in
'responsive' mode?
Regards,
Chris
>-----Original Message-----
>From: Martin Grigorov [mailto:mgrigorov@apache.org]
>Sent: Tuesday, 18 February 2014 6:32 PM
>To: users@wicket.apache.org
>Subject: Re: Wicket Modals and Bootstrap Modals - sizing issues
>
>Hi,
>
>I think you will need to tweak some CSS rules.
>Wicket's ModalWindow main CSS class is 'wicket-modal'. So you have to
>provide CSS rule that sets the width for any .form-control in .wicket-
>modal.
>You can either use LESS/SASS to generate different rules for the
different
>screens or with CSS media queries.
>
>Martin Grigorov
>Wicket Training and Consulting
>
>
>On Tue, Feb 18, 2014 at 8:04 AM, Chris Colman
><ch...@stepaheadsoftware.com>wrote:
>
>> We are using Wicket with Bootstrap which is fine except for modal
>> window.
>>
>> With Wicket it appears as though the modal window provides all the
>> markup for the out modal 'window'. We can provide HTML for the panels
>> within that but the outer modal seems to be Wicket generated.
>>
>> This seems to be causing problems when using responsive Bootstrap
>> because the calculations of the grid sizes are based on the screen
and
>> not the width of the modal window and so the form fields end up being
>> wider than the form itself.
>>
>> Has anyone else had this problem? Is there a work around?
>>
>> We're not using the Wicket 'enable bootstrap' flag in the settings as
we
>> support bootstrap and non bootstrap markup within the same wicket
app.
>>
>> Regards,
>> Chris
>>
>> ---------------------------------------------------------------------
>> 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
Re: Wicket Modals and Bootstrap Modals - sizing issues
Posted by Martin Grigorov <mg...@apache.org>.
Hi,
I think you will need to tweak some CSS rules.
Wicket's ModalWindow main CSS class is 'wicket-modal'. So you have to
provide CSS rule that sets the width for any .form-control in .wicket-modal.
You can either use LESS/SASS to generate different rules for the different
screens or with CSS media queries.
Martin Grigorov
Wicket Training and Consulting
On Tue, Feb 18, 2014 at 8:04 AM, Chris Colman
<ch...@stepaheadsoftware.com>wrote:
> We are using Wicket with Bootstrap which is fine except for modal
> window.
>
> With Wicket it appears as though the modal window provides all the
> markup for the out modal 'window'. We can provide HTML for the panels
> within that but the outer modal seems to be Wicket generated.
>
> This seems to be causing problems when using responsive Bootstrap
> because the calculations of the grid sizes are based on the screen and
> not the width of the modal window and so the form fields end up being
> wider than the form itself.
>
> Has anyone else had this problem? Is there a work around?
>
> We're not using the Wicket 'enable bootstrap' flag in the settings as we
> support bootstrap and non bootstrap markup within the same wicket app.
>
> Regards,
> Chris
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>