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 <ch...@gmx.at> on 2015/04/04 18:44:49 UTC
Wicket JQuery Ajax Slider
Hi all,
I would like to run the example http://www.7thweb.net/wicket-jquery-ui/slider/AjaxSliderPage <http://www.7thweb.net/wicket-jquery-ui/slider/AjaxSliderPage>, however, the slider bar is not shown (only the value).
Which css/js file might I be missing?
Thanks, Chris
Re: Wicket JQuery Ajax Slider
Posted by Chris <ch...@gmx.at>.
Hi Sebastian,
thank you for your valuable support, it works. I forgot that I had set a Javascript Header Response Decorator in WicketApplication.
Is it possible to „deactivate“ this for certain pages so that the JS are loaded from html > head?
Thanks, Chris
> Am 04.04.2015 um 21:11 schrieb Sebastien <se...@gmail.com>:
>
> Hi Chris,
>
>> Shouldn’t be there more css classes to render the bar?
> Yes, actually css classes are not in the output...
>
> Could you try to reproduce this in a quickstart? (putting it somewhere in
> github or posting it in the Wicket jQuery UI forum)
> http://groups.google.com/group/wicket-jquery-ui/
>
> Thanks & best regards,
> Sebastien.
>
>
> On Sat, Apr 4, 2015 at 8:29 PM, Chris <ch...@gmx.at> wrote:
>
>> Hi Sebastian,
>>
>> jquery-ui.css and jquery-ui.js based on version 1.11.2 are included.
>>
>> Shouldn’t be there more css classes to render the bar?
>>
>> The output renders as follows:
>>
>> <div id="wrapper-panel-frame" class="ui-corner-all">
>> <form id="form82" method="post"
>> action="./eval?4-1.IFormSubmitListener-form"><div
>> style="width:0px;height:0px;position:absolute;left:-100px;top:-100px;overflow:hidden"><input
>> type="hidden" name="form82_hf_0" id="form82_hf_0" /></div>
>> <table>
>> <tr>
>> <td width="240">
>> <div id="slider81">
>>
>> <input type="hidden" value="10"
>> name="slider:model:input" id="input80"></input>
>>
>> <div id="slider7f"></div>
>> </div>
>> </td>
>> <td width="100">
>> <span id="label">10</span>
>> </td>
>> </tr>
>> </table>
>> <br/>
>> <div style="width: 360px;" id="feedback83">
>>
>> </div>
>> </form>
>> </div>
>>
>>
>> br, Chris
>>
>>> Am 04.04.2015 um 19:59 schrieb Sebastien <se...@gmail.com>:
>>>
>>> Hi Chris,
>>>
>>> I think it might be a version issue. wicket-jquery-ui is still based on
>>> 1.11.2 (seems I've missed 1.11.3 in February btw, strange)
>>>
>>> If you are using a standard theme, maybe you don't have to download/use
>>> jquery* file, you can just use a theme dependency, so the css file will
>> be
>>> rendered for you, matching the version of the underlying jquery-ui.js.
>>>
>>> If you do not want to use a theme dependency, you need to get the theme
>>> corresponding to the version on the jquery-ui site (somewhere in archive,
>>> iirc). Or, if you want to use your own css/js version, please read this:
>>>
>> https://github.com/sebfz1/wicket-jquery-ui/wiki/%5Bhowto%5D-change-resource-references
>>>
>>> In no case add jquery-ui.js by yourself (except through
>>> JQueryUILibrarySettings) and please double check if jquery-ui.css & co
>> are
>>> well included and rendered (no 404) in your page.
>>>
>>> Hope this helps,
>>> Sebastien.
>>
>>
>> ---------------------------------------------------------------------
>> 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 JQuery Ajax Slider
Posted by Sebastien <se...@gmail.com>.
Hi Chris,
> Shouldn’t be there more css classes to render the bar?
Yes, actually css classes are not in the output...
Could you try to reproduce this in a quickstart? (putting it somewhere in
github or posting it in the Wicket jQuery UI forum)
http://groups.google.com/group/wicket-jquery-ui/
Thanks & best regards,
Sebastien.
On Sat, Apr 4, 2015 at 8:29 PM, Chris <ch...@gmx.at> wrote:
> Hi Sebastian,
>
> jquery-ui.css and jquery-ui.js based on version 1.11.2 are included.
>
> Shouldn’t be there more css classes to render the bar?
>
> The output renders as follows:
>
> <div id="wrapper-panel-frame" class="ui-corner-all">
> <form id="form82" method="post"
> action="./eval?4-1.IFormSubmitListener-form"><div
> style="width:0px;height:0px;position:absolute;left:-100px;top:-100px;overflow:hidden"><input
> type="hidden" name="form82_hf_0" id="form82_hf_0" /></div>
> <table>
> <tr>
> <td width="240">
> <div id="slider81">
>
> <input type="hidden" value="10"
> name="slider:model:input" id="input80"></input>
>
> <div id="slider7f"></div>
> </div>
> </td>
> <td width="100">
> <span id="label">10</span>
> </td>
> </tr>
> </table>
> <br/>
> <div style="width: 360px;" id="feedback83">
>
> </div>
> </form>
> </div>
>
>
> br, Chris
>
> > Am 04.04.2015 um 19:59 schrieb Sebastien <se...@gmail.com>:
> >
> > Hi Chris,
> >
> > I think it might be a version issue. wicket-jquery-ui is still based on
> > 1.11.2 (seems I've missed 1.11.3 in February btw, strange)
> >
> > If you are using a standard theme, maybe you don't have to download/use
> > jquery* file, you can just use a theme dependency, so the css file will
> be
> > rendered for you, matching the version of the underlying jquery-ui.js.
> >
> > If you do not want to use a theme dependency, you need to get the theme
> > corresponding to the version on the jquery-ui site (somewhere in archive,
> > iirc). Or, if you want to use your own css/js version, please read this:
> >
> https://github.com/sebfz1/wicket-jquery-ui/wiki/%5Bhowto%5D-change-resource-references
> >
> > In no case add jquery-ui.js by yourself (except through
> > JQueryUILibrarySettings) and please double check if jquery-ui.css & co
> are
> > well included and rendered (no 404) in your page.
> >
> > Hope this helps,
> > Sebastien.
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>
Re: Wicket JQuery Ajax Slider
Posted by Chris <ch...@gmx.at>.
Hi Sebastian,
jquery-ui.css and jquery-ui.js based on version 1.11.2 are included.
Shouldn’t be there more css classes to render the bar?
The output renders as follows:
<div id="wrapper-panel-frame" class="ui-corner-all">
<form id="form82" method="post" action="./eval?4-1.IFormSubmitListener-form"><div style="width:0px;height:0px;position:absolute;left:-100px;top:-100px;overflow:hidden"><input type="hidden" name="form82_hf_0" id="form82_hf_0" /></div>
<table>
<tr>
<td width="240">
<div id="slider81">
<input type="hidden" value="10" name="slider:model:input" id="input80"></input>
<div id="slider7f"></div>
</div>
</td>
<td width="100">
<span id="label">10</span>
</td>
</tr>
</table>
<br/>
<div style="width: 360px;" id="feedback83">
</div>
</form>
</div>
br, Chris
> Am 04.04.2015 um 19:59 schrieb Sebastien <se...@gmail.com>:
>
> Hi Chris,
>
> I think it might be a version issue. wicket-jquery-ui is still based on
> 1.11.2 (seems I've missed 1.11.3 in February btw, strange)
>
> If you are using a standard theme, maybe you don't have to download/use
> jquery* file, you can just use a theme dependency, so the css file will be
> rendered for you, matching the version of the underlying jquery-ui.js.
>
> If you do not want to use a theme dependency, you need to get the theme
> corresponding to the version on the jquery-ui site (somewhere in archive,
> iirc). Or, if you want to use your own css/js version, please read this:
> https://github.com/sebfz1/wicket-jquery-ui/wiki/%5Bhowto%5D-change-resource-references
>
> In no case add jquery-ui.js by yourself (except through
> JQueryUILibrarySettings) and please double check if jquery-ui.css & co are
> well included and rendered (no 404) in your page.
>
> Hope this helps,
> Sebastien.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org
Re: Wicket JQuery Ajax Slider
Posted by Sebastien <se...@gmail.com>.
Hi Chris,
I think it might be a version issue. wicket-jquery-ui is still based on
1.11.2 (seems I've missed 1.11.3 in February btw, strange)
If you are using a standard theme, maybe you don't have to download/use
jquery* file, you can just use a theme dependency, so the css file will be
rendered for you, matching the version of the underlying jquery-ui.js.
If you do not want to use a theme dependency, you need to get the theme
corresponding to the version on the jquery-ui site (somewhere in archive,
iirc). Or, if you want to use your own css/js version, please read this:
https://github.com/sebfz1/wicket-jquery-ui/wiki/%5Bhowto%5D-change-resource-references
In no case add jquery-ui.js by yourself (except through
JQueryUILibrarySettings) and please double check if jquery-ui.css & co are
well included and rendered (no 404) in your page.
Hope this helps,
Sebastien.
Re: Wicket JQuery Ajax Slider
Posted by Chris <ch...@gmx.at>.
Hi Sebastian,
I downloaded the version 1.11.4 (using theme ‚start’) and included following files:
- jquery-ui.css
- jquery-ui.js
- jquery-ui.theme.min.css
The table seems not to get converted in a bar, it is not visible. Should I switch to 1.10.4?
Chris
> Am 04.04.2015 um 19:01 schrieb Sebastien <se...@gmail.com>:
>
> second option, this might a version issue, even if it's
> supposed to be backward compatible...
> They released a new version some days ago and I am not yet up-to-date...
>
> Please also double check if jquery-ui.js and jquery-ui.css are well
> included and rendered (no 404) in your page
Re: Wicket JQuery Ajax Slider
Posted by Sebastien <se...@gmail.com>.
Hi Chris,
The slider does not need any additional dependency...
First question: are you using a wicket-jquery-ui-theme dependency or a
custom one?
In case of the second option, this might a version issue, even if it's
supposed to be backward compatible...
They released a new version some days ago and I am not yet up-to-date...
Please also double check if jquery-ui.js and jquery-ui.css are well
included and rendered (no 404) in your page.
Best regards,
Sebastien