You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@wicket.apache.org by Zbynek Vavros <zb...@gmail.com> on 2019/03/05 23:36:38 UTC
Wicket and material theme
Hi,
for a new project we would like to use (hopefully) well known material
design.
After some discussion we discarded using any popular JS frameworks.
Since most of us work with Wicket for quite some time and we all like it
we would like to stick with it.
Now would be the recommended way to use material design with Wicket?
There is an integration project
https://github.com/l0rdn1kk0n/wicket-bootstrap
that doesn't seem to be very actual (failed builds, TBD in docs...).
It also doesn't seem to implement even basic components (
https://material-components.github.io/material-components-web-catalog/#/component/text-field
).
Or maybe I missed something?
Another option would be to do all styling manually, well...
Did anyone used material with Wicket?
Thanks,
Zbynek
Re: Wicket and material theme
Posted by Zbynek Vavros <zb...@gmail.com>.
Excelent!
Thanks
On Thu, Mar 7, 2019, 6:59 AM Martin Grigorov <mg...@apache.org> wrote:
> Hi,
>
> On Thu, Mar 7, 2019 at 12:14 AM Zbynek Vavros <zb...@gmail.com>
> wrote:
>
> > Hi Martin,
> >
> > sorry if the message understood was to put this project in a bad light,
> not
> > at all!
> >
> > I played with it a while and seems to be doing exactly what advertised.
> > Maybe a question (since I see you are one of the authors) - how does one
> > add a theme?
> > By checking the ThemeProvider I see only "bootstrap" theme is available
> by
> > default.
> > How to add new theme into provider?
> >
>
> "bootstrap" theme is the default one and it is in wicket-bootstrap-core
> module.
> All other themes are in wicket-bootstrap-themes module:
>
> https://github.com/l0rdn1kk0n/wicket-bootstrap/tree/wicket-7.x/bootstrap-themes
> To set it up you need to do something like:
>
> final IBootstrapSettings settings = new BootstrapSettings();
>
> Bootstrap.builder().withBootstrapSettings(settings).install(yourApplication);
> ThemeProvider themeProvider = new SingleThemeProvider(new
> MaterialDesignTheme());
> settings.setThemeProvider(themeProvider);
>
> See how the demo application does it here:
>
> https://github.com/l0rdn1kk0n/wicket-bootstrap/blob/10a60be4e68038e4b1d275bc598835d12f5a715d/bootstrap-samples/src/main/java/de/agilecoders/wicket/samples/WicketApplication.java#L209-L218
>
>
> >
> > Thanks,
> > Zbynek
> >
> > On Wed, Mar 6, 2019 at 9:51 AM Martin Grigorov <mg...@apache.org>
> > wrote:
> >
> > > Hi,
> > >
> > > On Wed, Mar 6, 2019 at 1:36 AM Zbynek Vavros <zb...@gmail.com>
> > > wrote:
> > >
> > > > Hi,
> > > >
> > > > for a new project we would like to use (hopefully) well known
> material
> > > > design.
> > > > After some discussion we discarded using any popular JS frameworks.
> > > > Since most of us work with Wicket for quite some time and we all like
> > it
> > > > we would like to stick with it.
> > > >
> > > > Now would be the recommended way to use material design with Wicket?
> > > >
> > > > There is an integration project
> > > > https://github.com/l0rdn1kk0n/wicket-bootstrap
> > > > that doesn't seem to be very actual (failed builds, TBD in docs...).
> > > >
> > >
> > > - failed builds are due to bad CI servers. The project uses TravisCI
> > > because it is free and the builds there are very unstable. If you build
> > the
> > > project locally with "mvn clean package" it will build just fine.
> > > - TBD in docs: well, it is an open source project... People contribute
> as
> > > much as they need for their apps. It is better than nothing.
> > >
> > >
> > > > It also doesn't seem to implement even basic components (
> > > >
> > > >
> > >
> >
> https://material-components.github.io/material-components-web-catalog/#/component/text-field
> > > > ).
> > > > Or maybe I missed something?
> > > >
> > >
> > > Wicket-Bootstrap project, as its name suggests, provides integration
> with
> > > Bootstrap <https://getbootstrap.com/>. The Material design is just one
> > of
> > > the themes for Bootstrap, provided by
> > > https://github.com/FezVrasta/bootstrap-material-design/
> > >
> > >
> >
> https://fezvrasta.github.io/bootstrap-material-design/docs/4.0/examples/checkout/
> > > shows a form with this theme. I am not sure whether it completely
> > > implements the "specification"
> > >
> > >
> > > >
> > > > Another option would be to do all styling manually, well...
> > > >
> > > > Did anyone used material with Wicket?
> > > >
> > > > Thanks,
> > > > Zbynek
> > > >
> > >
> >
>
Re: Wicket and material theme
Posted by Martin Grigorov <mg...@apache.org>.
Hi,
On Thu, Mar 7, 2019 at 12:14 AM Zbynek Vavros <zb...@gmail.com>
wrote:
> Hi Martin,
>
> sorry if the message understood was to put this project in a bad light, not
> at all!
>
> I played with it a while and seems to be doing exactly what advertised.
> Maybe a question (since I see you are one of the authors) - how does one
> add a theme?
> By checking the ThemeProvider I see only "bootstrap" theme is available by
> default.
> How to add new theme into provider?
>
"bootstrap" theme is the default one and it is in wicket-bootstrap-core
module.
All other themes are in wicket-bootstrap-themes module:
https://github.com/l0rdn1kk0n/wicket-bootstrap/tree/wicket-7.x/bootstrap-themes
To set it up you need to do something like:
final IBootstrapSettings settings = new BootstrapSettings();
Bootstrap.builder().withBootstrapSettings(settings).install(yourApplication);
ThemeProvider themeProvider = new SingleThemeProvider(new
MaterialDesignTheme());
settings.setThemeProvider(themeProvider);
See how the demo application does it here:
https://github.com/l0rdn1kk0n/wicket-bootstrap/blob/10a60be4e68038e4b1d275bc598835d12f5a715d/bootstrap-samples/src/main/java/de/agilecoders/wicket/samples/WicketApplication.java#L209-L218
>
> Thanks,
> Zbynek
>
> On Wed, Mar 6, 2019 at 9:51 AM Martin Grigorov <mg...@apache.org>
> wrote:
>
> > Hi,
> >
> > On Wed, Mar 6, 2019 at 1:36 AM Zbynek Vavros <zb...@gmail.com>
> > wrote:
> >
> > > Hi,
> > >
> > > for a new project we would like to use (hopefully) well known material
> > > design.
> > > After some discussion we discarded using any popular JS frameworks.
> > > Since most of us work with Wicket for quite some time and we all like
> it
> > > we would like to stick with it.
> > >
> > > Now would be the recommended way to use material design with Wicket?
> > >
> > > There is an integration project
> > > https://github.com/l0rdn1kk0n/wicket-bootstrap
> > > that doesn't seem to be very actual (failed builds, TBD in docs...).
> > >
> >
> > - failed builds are due to bad CI servers. The project uses TravisCI
> > because it is free and the builds there are very unstable. If you build
> the
> > project locally with "mvn clean package" it will build just fine.
> > - TBD in docs: well, it is an open source project... People contribute as
> > much as they need for their apps. It is better than nothing.
> >
> >
> > > It also doesn't seem to implement even basic components (
> > >
> > >
> >
> https://material-components.github.io/material-components-web-catalog/#/component/text-field
> > > ).
> > > Or maybe I missed something?
> > >
> >
> > Wicket-Bootstrap project, as its name suggests, provides integration with
> > Bootstrap <https://getbootstrap.com/>. The Material design is just one
> of
> > the themes for Bootstrap, provided by
> > https://github.com/FezVrasta/bootstrap-material-design/
> >
> >
> https://fezvrasta.github.io/bootstrap-material-design/docs/4.0/examples/checkout/
> > shows a form with this theme. I am not sure whether it completely
> > implements the "specification"
> >
> >
> > >
> > > Another option would be to do all styling manually, well...
> > >
> > > Did anyone used material with Wicket?
> > >
> > > Thanks,
> > > Zbynek
> > >
> >
>
Re: Wicket and material theme
Posted by Zbynek Vavros <zb...@gmail.com>.
Hi Martin,
sorry if the message understood was to put this project in a bad light, not
at all!
I played with it a while and seems to be doing exactly what advertised.
Maybe a question (since I see you are one of the authors) - how does one
add a theme?
By checking the ThemeProvider I see only "bootstrap" theme is available by
default.
How to add new theme into provider?
Thanks,
Zbynek
On Wed, Mar 6, 2019 at 9:51 AM Martin Grigorov <mg...@apache.org> wrote:
> Hi,
>
> On Wed, Mar 6, 2019 at 1:36 AM Zbynek Vavros <zb...@gmail.com>
> wrote:
>
> > Hi,
> >
> > for a new project we would like to use (hopefully) well known material
> > design.
> > After some discussion we discarded using any popular JS frameworks.
> > Since most of us work with Wicket for quite some time and we all like it
> > we would like to stick with it.
> >
> > Now would be the recommended way to use material design with Wicket?
> >
> > There is an integration project
> > https://github.com/l0rdn1kk0n/wicket-bootstrap
> > that doesn't seem to be very actual (failed builds, TBD in docs...).
> >
>
> - failed builds are due to bad CI servers. The project uses TravisCI
> because it is free and the builds there are very unstable. If you build the
> project locally with "mvn clean package" it will build just fine.
> - TBD in docs: well, it is an open source project... People contribute as
> much as they need for their apps. It is better than nothing.
>
>
> > It also doesn't seem to implement even basic components (
> >
> >
> https://material-components.github.io/material-components-web-catalog/#/component/text-field
> > ).
> > Or maybe I missed something?
> >
>
> Wicket-Bootstrap project, as its name suggests, provides integration with
> Bootstrap <https://getbootstrap.com/>. The Material design is just one of
> the themes for Bootstrap, provided by
> https://github.com/FezVrasta/bootstrap-material-design/
>
> https://fezvrasta.github.io/bootstrap-material-design/docs/4.0/examples/checkout/
> shows a form with this theme. I am not sure whether it completely
> implements the "specification"
>
>
> >
> > Another option would be to do all styling manually, well...
> >
> > Did anyone used material with Wicket?
> >
> > Thanks,
> > Zbynek
> >
>
Re: Wicket and material theme
Posted by Martin Grigorov <mg...@apache.org>.
Hi,
On Wed, Mar 6, 2019 at 1:36 AM Zbynek Vavros <zb...@gmail.com> wrote:
> Hi,
>
> for a new project we would like to use (hopefully) well known material
> design.
> After some discussion we discarded using any popular JS frameworks.
> Since most of us work with Wicket for quite some time and we all like it
> we would like to stick with it.
>
> Now would be the recommended way to use material design with Wicket?
>
> There is an integration project
> https://github.com/l0rdn1kk0n/wicket-bootstrap
> that doesn't seem to be very actual (failed builds, TBD in docs...).
>
- failed builds are due to bad CI servers. The project uses TravisCI
because it is free and the builds there are very unstable. If you build the
project locally with "mvn clean package" it will build just fine.
- TBD in docs: well, it is an open source project... People contribute as
much as they need for their apps. It is better than nothing.
> It also doesn't seem to implement even basic components (
>
> https://material-components.github.io/material-components-web-catalog/#/component/text-field
> ).
> Or maybe I missed something?
>
Wicket-Bootstrap project, as its name suggests, provides integration with
Bootstrap <https://getbootstrap.com/>. The Material design is just one of
the themes for Bootstrap, provided by
https://github.com/FezVrasta/bootstrap-material-design/
https://fezvrasta.github.io/bootstrap-material-design/docs/4.0/examples/checkout/
shows a form with this theme. I am not sure whether it completely
implements the "specification"
>
> Another option would be to do all styling manually, well...
>
> Did anyone used material with Wicket?
>
> Thanks,
> Zbynek
>
Re: Wicket and material theme
Posted by Sebastien <se...@gmail.com>.
Hi,
For instance Kendo UI is providing widgets with material and material black
https://demos.telerik.com/kendo-ui/themebuilder/
Wicket Kendo UI:
https://github.com/sebfz1/wicket-jquery-ui/blob/wicket8.x/README.md#using-standard-themes-1
Wicket Kendo UI is not yet aligned with latest wicket 8 version, check on
maven central for the latest version if you are interested (I think the
readme is not up to date too). Hopefully the latest version will be
released soon...
Thanks,
Sebastien