Re: BootstrapMultiSelect shows empty list without any options.
Thanks Martin for your feedback.
I tried your suggestion, but it didn't help me to solve the problem.
Looks, we have some issues on loading css/js resources in our webapp. I
will investigate more on this issue.
*Thanks And RegardsSibi.ArunachalammCruncher*
On Thu, Jun 23, 2022 at 3:04 PM Martin Grigorov
wrote:
> Hi,
>
> Here are some possible reasons:
>
> 1) getMultiSelectItems() returns empty list
> 2) you may need to disable CSP in your application (
>
> https://nightlies.apache.org/wicket/guide/9.x/single.html#_content_security_policy_csp
> )
> 3) disable COOP and/or COEP (
>
> https://nightlies.apache.org/wicket/guide/9.x/single.html#_cross_origin_isolation_with_coop_and_coep
> )
>
> On Wed, Jun 22, 2022 at 12:34 PM Arunachalam Sibisakkaravarthi <
> arunacha...@mcruncher.com> wrote:
>
> > Hi guys,
> > We are working to implement bootstrap-select from the Wicket Bootstrap
> > Extensions project 5.x into Wicket 9.x + Bootstrap 4.x application.
> > But, the BootstrapMultiSelect shows an empty list without any options.
> > I inspected the rendered html page, it seems everything is ok and has all
> > the options .
> >
> > Java
> > new BootstrapMultiSelect("multiSelectItems",
> > getMultiSelectItems());
> >
> > HTML
> > > multiple="multiple">
> >
> > Could you help me to identify and fix the problem?
> >
> > Components used in our project:
> >
> >1. Wicket 9.x
> >2. Wicket Bootstrap 5.x (Bootstrap 4.x)
> >3. JQuery 3.6.0
> >
> > Note: It works as expected in a simple Wicket quickstart project.
> >
> > I couldn't find what went wrong in our app.
> >
> >
> >
> >
> > *Thanks And RegardsSibi.ArunachalammCruncher*
> >
>
Re: BootstrapMultiSelect shows empty list without any options.
Hi,
Here are some possible reasons:
1) getMultiSelectItems() returns empty list
2) you may need to disable CSP in your application (
https://nightlies.apache.org/wicket/guide/9.x/single.html#_content_security_policy_csp
)
3) disable COOP and/or COEP (
https://nightlies.apache.org/wicket/guide/9.x/single.html#_cross_origin_isolation_with_coop_and_coep
)
On Wed, Jun 22, 2022 at 12:34 PM Arunachalam Sibisakkaravarthi <
arunacha...@mcruncher.com> wrote:
> Hi guys,
> We are working to implement bootstrap-select from the Wicket Bootstrap
> Extensions project 5.x into Wicket 9.x + Bootstrap 4.x application.
> But, the BootstrapMultiSelect shows an empty list without any options.
> I inspected the rendered html page, it seems everything is ok and has all
> the options .
>
> Java
> new BootstrapMultiSelect("multiSelectItems",
> getMultiSelectItems());
>
> HTML
> multiple="multiple">
>
> Could you help me to identify and fix the problem?
>
> Components used in our project:
>
>1. Wicket 9.x
>2. Wicket Bootstrap 5.x (Bootstrap 4.x)
>3. JQuery 3.6.0
>
> Note: It works as expected in a simple Wicket quickstart project.
>
> I couldn't find what went wrong in our app.
>
>
>
>
> *Thanks And RegardsSibi.ArunachalammCruncher*
>
Re: BootstrapMultiSelect shows empty list without any options.
Hi Bas,
Yes this seems to be a display issue related to css/js.
I thought it would be a JavaScript issue. Because I compared the css and js
in our webapp and quickstart.
I don't see any difference in CSS and no other resources override
bootstrap-select,
Observations when I inspected rendered html page
1. Following js script is missing in our webapp
2. Options displayed with some UI glitches when "dropdown-menu" is
removed from div class
Missing Java Script
> 2/* 3Wicket.Event.add(window,
> "domready", function(event) {
> 4$('#bootstrapMultiSelect1').selectpicker({"multiple":true});;
> 5Wicket.Event.publish(Wicket.Event.Topic.AJAX_HANDLERS_BOUND); 6;}); 7/*]]>*/
> 8
> x-placement="bottom-start"> id="bs-select-1" tabindex="-1" aria-multiselectable="true"
> style="max-height: 369px; overflow-y: auto; min-height: 98px;"> class="dropdown-menu inner show" role="presentation" style="margin-top:
> 0px; margin-bottom: 0px;"> class="dropdown-item selected" id="bs-select-1-0" tabindex="0"
> aria-selected="true" aria-setsize="5" aria-posinset="1">A class="selected"> id="bs-select-1-1" tabindex="0" aria-selected="true" aria-setsize="5"
> aria-posinset="2"> class="text">B id="bs-select-1-2" tabindex="0" aria-selected="false" aria-setsize="5"
> aria-posinset="3"> class="text">C id="bs-select-1-3" tabindex="0" aria-selected="false" aria-setsize="5"
> aria-posinset="4"> class="text">D id="bs-select-1-4" tabindex="0" aria-selected="false" aria-setsize="5"
> aria-posinset="5"> class="text">E
>
*Thanks And RegardsSibi.ArunachalammCruncher*
On Wed, Jun 22, 2022 at 6:16 PM Bas Gooren wrote:
> Hi!
>
> Sounds like a CSS/display issue.
>
> Did you inspect which css rules apply to the select and its children?
>
> Met vriendelijke groet,
> Kind regards,
>
> Bas Gooren
>
> Op 22 juni 2022 bij 11:34:00, Arunachalam Sibisakkaravarthi (
> arunacha...@mcruncher.com) schreef:
>
> Hi guys,
> We are working to implement bootstrap-select from the Wicket Bootstrap
> Extensions project 5.x into Wicket 9.x + Bootstrap 4.x application.
> But, the BootstrapMultiSelect shows an empty list without any options.
> I inspected the rendered html page, it seems everything is ok and has all
> the options .
>
> Java
> new BootstrapMultiSelect("multiSelectItems",
> getMultiSelectItems());
>
> HTML
> multiple="multiple">
>
> Could you help me to identify and fix the problem?
>
> Components used in our project:
>
> 1. Wicket 9.x
> 2. Wicket Bootstrap 5.x (Bootstrap 4.x)
> 3. JQuery 3.6.0
>
> Note: It works as expected in a simple Wicket quickstart project.
>
> I couldn't find what went wrong in our app.
>
>
>
>
> *Thanks And RegardsSibi.ArunachalammCruncher*
>
>
Re: BootstrapMultiSelect shows empty list without any options.
Hi!
Sounds like a CSS/display issue.
Did you inspect which css rules apply to the select and its children?
Met vriendelijke groet,
Kind regards,
Bas Gooren
Op 22 juni 2022 bij 11:34:00, Arunachalam Sibisakkaravarthi (
arunacha...@mcruncher.com) schreef:
Hi guys,
We are working to implement bootstrap-select from the Wicket Bootstrap
Extensions project 5.x into Wicket 9.x + Bootstrap 4.x application.
But, the BootstrapMultiSelect shows an empty list without any options.
I inspected the rendered html page, it seems everything is ok and has all
the options .
Java
new BootstrapMultiSelect("multiSelectItems",
getMultiSelectItems());
HTML
Could you help me to identify and fix the problem?
Components used in our project:
1. Wicket 9.x
2. Wicket Bootstrap 5.x (Bootstrap 4.x)
3. JQuery 3.6.0
Note: It works as expected in a simple Wicket quickstart project.
I couldn't find what went wrong in our app.
*Thanks And RegardsSibi.ArunachalammCruncher*
BootstrapMultiSelect shows empty list without any options.
Hi guys,
We are working to implement bootstrap-select from the Wicket Bootstrap
Extensions project 5.x into Wicket 9.x + Bootstrap 4.x application.
But, the BootstrapMultiSelect shows an empty list without any options.
I inspected the rendered html page, it seems everything is ok and has all
the options .
Java
new BootstrapMultiSelect("multiSelectItems", getMultiSelectItems());
HTML
Could you help me to identify and fix the problem?
Components used in our project:
1. Wicket 9.x
2. Wicket Bootstrap 5.x (Bootstrap 4.x)
3. JQuery 3.6.0
Note: It works as expected in a simple Wicket quickstart project.
I couldn't find what went wrong in our app.
*Thanks And RegardsSibi.ArunachalammCruncher*
