You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@wicket.apache.org by "Oliver B. Fischer" <ma...@swe-blog.net> on 2013/12/04 11:59:16 UTC
Referencing CSS resources
Hi,
I would like to include all Bootstrap 3 resources via resources
references. I managed to in include all CSS files by extending
CssResourceReference and specifying a list of dependencies
(getDependencies()).
But how can I include the fonts provided by Bootstrap? The fonts are
referenced directly in the CSS files via
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix')
format('embedded-opentype'),
How can I reference these fonts?
Bye,
Oliver
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org
Re: Referencing CSS resources
Posted by "Oliver B. Fischer" <ma...@swe-blog.net>.
Now it works as I expected. ;-)
Am 04.12.13 17:32, schrieb Martin Grigorov:
> right.
> you need to use "css/" in
> getResourceBundles().addCssBundle(*Bootstrap3Reference*.class,
> "*css/*bootstrap.css", new
> Bootstrap3Reference());
>
>
> it is all about tuning :-)
>
> On Wed, Dec 4, 2013 at 5:26 PM, Oliver B. Fischer <ma...@swe-blog.net>wrote:
>
>> Hi Martin,
>>
>> I updated it and changed it as you suggested. But the problem remains.
>>
>> bootstrap.css is fetched via /bs3test/wicket/resource/com.
>> profitbricks.wicket.bootstrap.resources.example.bundle.
>> Bootstrap3Reference/bootstrap-ver-1386173958000.css
>>
>> But the fonts are fetched via
>>
>> /bs3test/wicket/resource/fonts/glyphicons-halflings-regular.woff
>>
>> Oliver
>>
>> Am 04.12.13 15:41, schrieb Martin Grigorov:
>>
>> ---------------------------------------------------------------------
>> 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: Referencing CSS resources
Posted by Martin Grigorov <mg...@apache.org>.
On Wed, Dec 4, 2013 at 5:52 PM, Oliver B. Fischer <ma...@swe-blog.net>wrote:
> Now I got it. The name in addCssBundle(...) can be any string and can be
> used to 'hide' the internal name. Since the fonts paths are calcuated
> relative to the CSS file my browser will calculate and wrong path.
>
> Thank you very much! Without you I wouldn't have been able to figure this
> out.
>
Welcome!
>
> Bye
>
> Oliver
>
>
> Am 04.12.13 17:32, schrieb Martin Grigorov:
>
>> right.
>>
>> you need to use "css/" in
>> getResourceBundles().addCssBundle(*Bootstrap3Reference*.class,
>> "*css/*bootstrap.css", new
>>
>> Bootstrap3Reference());
>>
>>
>> it is all about tuning :-)
>>
>> On Wed, Dec 4, 2013 at 5:26 PM, Oliver B. Fischer <mailsink@swe-blog.net
>> >wrote:
>>
>> Hi Martin,
>>>
>>> I updated it and changed it as you suggested. But the problem remains.
>>>
>>> bootstrap.css is fetched via /bs3test/wicket/resource/com.
>>> profitbricks.wicket.bootstrap.resources.example.bundle.
>>> Bootstrap3Reference/bootstrap-ver-1386173958000.css
>>>
>>> But the fonts are fetched via
>>>
>>> /bs3test/wicket/resource/fonts/glyphicons-halflings-regular.woff
>>>
>>> Oliver
>>>
>>> Am 04.12.13 15:41, schrieb Martin Grigorov:
>>>
>>> Hi Oliver,
>>>>
>>>> The problem is at
>>>> https://bitbucket.org/obfischer/wicket-bootstrap-resources/src/
>>>> 6e1642e4990e92a228a91bb5b8147b49fced00c0/example/src/main/
>>>> java/com/profitbricks/wicket/bootstrap/resources/example/
>>>> ExampleApplication.java?at=master#cl-44
>>>>
>>>> Earlier I asked:
>>>>
>>>> Do you use Wicket bundle (several CSS files combined into one) by
>>>>> chance
>>>>> ?
>>>>> It would break if the bundle doesn't use Bootstrap3Reference.class (or
>>>>>
>>>>> another class in the same package) as a scope.
>>>>
>>>> Here you set ExampleApplication.class as scope for the bundle. The
>>>> effect
>>>> from this is that Wicket will create url like:
>>>>
>>>> /wicket/resource/com.profitbricks.wicket.bootstrap.resources.example.
>>>> ExampleApplication/css/bootstrap(-HASH).css
>>>>
>>>> and since the combined url contains the "url(../font/...) code the
>>>> browser
>>>> will make a request to:
>>>> /wicket/resource/com.profitbricks.wicket.bootstrap.resources.example.
>>>> ExampleApplication/font/glyphfont-....css
>>>>
>>>> A simple solution is to use Bootstrap3Reference.class as a scope:
>>>>
>>>> getResourceBundles().addCssBundle(*Bootstrap3Reference*.class,
>>>>
>>>> "bootstrap.css",
>>>> new Bootstrap3Reference());
>>>>
>>>>
>>>>
>>>>
>>>> No need to override getMinifiedName() (
>>>> https://bitbucket.org/obfischer/wicket-bootstrap-resources/src/
>>>> 6e1642e4990e92a228a91bb5b8147b49fced00c0/example/src/main/
>>>> java/com/profitbricks/wicket/bootstrap/resources/example/
>>>> bundle/Bootstrap3Reference.java?at=master#cl-26
>>>> )
>>>> Wicket does the same for you.
>>>>
>>>>
>>>> On Wed, Dec 4, 2013 at 3:28 PM, Oliver B. Fischer <
>>>> mailsink@swe-blog.net
>>>>
>>>>> wrote:
>>>>>
>>>>
>>>> Hi Martin,
>>>>
>>>>>
>>>>> I think the problem is how I specify the bootstrap-theme.css theme as a
>>>>> dependency of bootstrap.css.
>>>>>
>>>>> I put my example online at https://bitbucket.org/
>>>>> obfischer/wicket-bootstrap-resources/src/
>>>>> 6e1642e4990e92a228a91bb5b8147b
>>>>> 49fced00c0/example/src/main/java/com/profitbricks/wicket/
>>>>> bootstrap/resources/example/bundle/Bootstrap3Reference.java?at=master
>>>>>
>>>>> May you can have a look at it?
>>>>>
>>>>> Bye,
>>>>>
>>>>> Oliver
>>>>>
>>>>> Am 04.12.13 14:51, schrieb Martin Grigorov:
>>>>>
>>>>> Hi Oliver,
>>>>>
>>>>>
>>>>>> There is no such central class that maps all resources.
>>>>>> You can use any class as a scope for resources. Just make sure the
>>>>>> resources are in the same folder as the scope class.
>>>>>> Example:
>>>>>> - if the scope class is com.example.package.MyClass
>>>>>> - if the resource path is: css/some.css
>>>>>> - then Wicket will try to load some.css from
>>>>>> /wicket/resource/com.example.package.MyClass/css/some.css
>>>>>>
>>>>>> - if some.css contains: url (../font/some.woff)
>>>>>> - then the browser will calculate its absolute url to:
>>>>>> /wicket/resource/com.example.package.MyClass/font/some.woff
>>>>>> - so you have to make sure that font/ folder resides next to css/ in
>>>>>> the
>>>>>> classpath
>>>>>>
>>>>>> This is how it works.
>>>>>>
>>>>>> You can still use the web folder, i.e. create css/ and font/ folders
>>>>>> next
>>>>>> to WEB-INF. This works as with any other Servlet based application.
>>>>>> In your .html you can use <link href="css/some.css"/> to load it in a
>>>>>> page.
>>>>>>
>>>>>> The benefit of using Wicket resource references is that:
>>>>>> - you can load different resources depending on the user agent's
>>>>>> locale,
>>>>>> or
>>>>>> session style/variation
>>>>>> - you can use dependency management - one resource may depend on
>>>>>> several
>>>>>> other. You do "response.render(headerItem)" and wicket makes sure that
>>>>>> all
>>>>>> its dependencies are rendered too
>>>>>> - resource bundles - i.e. to combine several CSS files into one to
>>>>>> save
>>>>>> network requests
>>>>>> ...
>>>>>>
>>>>>> For more consult with
>>>>>> http://wicket.apache.org/guide/guide/single.html#chapter14_4
>>>>>>
>>>>>> I'll need more information/code to be able to help you more.
>>>>>>
>>>>>> On Wed, Dec 4, 2013 at 2:34 PM, Oliver B. Fischer <
>>>>>> mailsink@swe-blog.net
>>>>>>
>>>>>> wrote:
>>>>>>>
>>>>>>>
>>>>>> Hi Martin,
>>>>>>
>>>>>>
>>>>>>> is there any ready resource class that simply maps all resource
>>>>>>> requests
>>>>>>> to a package including relative paths?
>>>>>>>
>>>>>>> Such a simple task takes already too much time. Putting all file in
>>>>>>> the
>>>>>>> WEB-INF folder would take me 10 minutes...
>>>>>>>
>>>>>>> BTW, Wicket is great and powerfull and you can build some simple
>>>>>>> pages
>>>>>>> quite fast. But if you need something more complicated you are
>>>>>>> confronted
>>>>>>> with a lot of classes and you must understand all the details. And
>>>>>>> this
>>>>>>> does not pay off unless you will build many different applications...
>>>>>>>
>>>>>>> Am 04.12.13 13:45, schrieb Oliver B. Fischer:
>>>>>>>
>>>>>>> Hi Martin,
>>>>>>>
>>>>>>>
>>>>>>> I think I will try to write a custom package resource...
>>>>>>>>
>>>>>>>> BYe,
>>>>>>>>
>>>>>>>> Oliver
>>>>>>>>
>>>>>>>> Am 04.12.13 13:23, schrieb Martin Grigorov:
>>>>>>>>
>>>>>>>> On Wed, Dec 4, 2013 at 12:11 PM, Oliver B. Fischer
>>>>>>>>
>>>>>>>> <ma...@swe-blog.net>wrote:
>>>>>>>>>
>>>>>>>>> Hi,
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> it is there. The CSS as bundle is referenced via
>>>>>>>>>>
>>>>>>>>>> http://localhost:8080/bs3test/wicket/resource/com.
>>>>>>>>>> profitbricks.wicket.bootstrap.resources.example.bundle.
>>>>>>>>>> Bootstrap3Reference/dist/css/bootstrap-theme-ver-
>>>>>>>>>> 1386155341000.css
>>>>>>>>>>
>>>>>>>>>> But the fonts via
>>>>>>>>>>
>>>>>>>>>> http://localhost:8080/bs3test/wicket/resource/fonts/
>>>>>>>>>> glyphicons-halflings-regular.woff
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> There is something wrong here.
>>>>>>>>> A relative url like
>>>>>>>>> ../fonts/glyphicons-halflings-regular.eot?#iefix
>>>>>>>>> should be calculated to
>>>>>>>>> http://localhost:8080/bs3test/wicket/resource/com.
>>>>>>>>> profitbricks.wicket.bootstrap.resources.example.bundle.
>>>>>>>>> Bootstrap3Reference/dist
>>>>>>>>>
>>>>>>>>> /fonts/glyphicons-halflings-regular.eot?#iefix
>>>>>>>>>
>>>>>>>>> Do you use Wicket bundle (several CSS files combined into one) by
>>>>>>>>> chance ?
>>>>>>>>> It would break if the bundle doesn't use Bootstrap3Reference.class
>>>>>>>>> (or
>>>>>>>>> another class in the same package) as a scope.
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> I know that the problem that the fonts referenced directly from
>>>>>>>>> the
>>>>>>>>>
>>>>>>>>>> CSS
>>>>>>>>>> files. But how can I handle that?
>>>>>>>>>>
>>>>>>>>>> Viele Grüße
>>>>>>>>>>
>>>>>>>>>> Oliver
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> Am 04.12.13 12:03, schrieb Martin Grigorov:
>>>>>>>>>>
>>>>>>>>>> Hi,
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> Just make sure the font/ folder is next to the css/ folder in
>>>>>>>>>> your
>>>>>>>>>>
>>>>>>>>>>> file
>>>>>>>>>>> structure.
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> On Wed, Dec 4, 2013 at 11:59 AM, Oliver B. Fischer
>>>>>>>>>>> <mailsink@swe-blog.net
>>>>>>>>>>>
>>>>>>>>>>> wrote:
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>>
>>>>>>>>>>>> Hi,
>>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> I would like to include all Bootstrap 3 resources via resources
>>>>>>>>>>>
>>>>>>>>>>>> references. I managed to in include all CSS files by extending
>>>>>>>>>>>> CssResourceReference and specifying a list of dependencies
>>>>>>>>>>>> (getDependencies()).
>>>>>>>>>>>>
>>>>>>>>>>>> But how can I include the fonts provided by Bootstrap? The fonts
>>>>>>>>>>>> are
>>>>>>>>>>>> referenced directly in the CSS files via
>>>>>>>>>>>>
>>>>>>>>>>>> src: url('../fonts/glyphicons-halflings-regular.eot?#iefix')
>>>>>>>>>>>> format('embedded-opentype'),
>>>>>>>>>>>>
>>>>>>>>>>>> How can I reference these fonts?
>>>>>>>>>>>>
>>>>>>>>>>>> Bye,
>>>>>>>>>>>>
>>>>>>>>>>>> Oliver
>>>>>>>>>>>>
>>>>>>>>>>>> ------------------------------------------------------------
>>>>>>>>>>>> ---------
>>>>>>>>>>>> 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
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> ------------------------------------------------------------
>>>>>>>>>>
>>>>>>>>> ---------
>>>>>>>>>
>>>>>>>>> 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
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> ------------------------------------------------------------
>>>>>> ---------
>>>>>>
>>>>> 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
>>>
>>>
>>>
>>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>
Re: Referencing CSS resources
Posted by "Oliver B. Fischer" <ma...@swe-blog.net>.
Now I got it. The name in addCssBundle(...) can be any string and can be
used to 'hide' the internal name. Since the fonts paths are calcuated
relative to the CSS file my browser will calculate and wrong path.
Thank you very much! Without you I wouldn't have been able to figure
this out.
Bye
Oliver
Am 04.12.13 17:32, schrieb Martin Grigorov:
> right.
> you need to use "css/" in
> getResourceBundles().addCssBundle(*Bootstrap3Reference*.class,
> "*css/*bootstrap.css", new
> Bootstrap3Reference());
>
>
> it is all about tuning :-)
>
> On Wed, Dec 4, 2013 at 5:26 PM, Oliver B. Fischer <ma...@swe-blog.net>wrote:
>
>> Hi Martin,
>>
>> I updated it and changed it as you suggested. But the problem remains.
>>
>> bootstrap.css is fetched via /bs3test/wicket/resource/com.
>> profitbricks.wicket.bootstrap.resources.example.bundle.
>> Bootstrap3Reference/bootstrap-ver-1386173958000.css
>>
>> But the fonts are fetched via
>>
>> /bs3test/wicket/resource/fonts/glyphicons-halflings-regular.woff
>>
>> Oliver
>>
>> Am 04.12.13 15:41, schrieb Martin Grigorov:
>>
>>> Hi Oliver,
>>>
>>> The problem is at
>>> https://bitbucket.org/obfischer/wicket-bootstrap-resources/src/
>>> 6e1642e4990e92a228a91bb5b8147b49fced00c0/example/src/main/
>>> java/com/profitbricks/wicket/bootstrap/resources/example/
>>> ExampleApplication.java?at=master#cl-44
>>>
>>> Earlier I asked:
>>>
>>>> Do you use Wicket bundle (several CSS files combined into one) by chance
>>>> ?
>>>> It would break if the bundle doesn't use Bootstrap3Reference.class (or
>>>>
>>> another class in the same package) as a scope.
>>>
>>> Here you set ExampleApplication.class as scope for the bundle. The effect
>>> from this is that Wicket will create url like:
>>>
>>> /wicket/resource/com.profitbricks.wicket.bootstrap.resources.example.
>>> ExampleApplication/css/bootstrap(-HASH).css
>>>
>>> and since the combined url contains the "url(../font/...) code the browser
>>> will make a request to:
>>> /wicket/resource/com.profitbricks.wicket.bootstrap.resources.example.
>>> ExampleApplication/font/glyphfont-....css
>>>
>>> A simple solution is to use Bootstrap3Reference.class as a scope:
>>>
>>> getResourceBundles().addCssBundle(*Bootstrap3Reference*.class,
>>>
>>> "bootstrap.css",
>>> new Bootstrap3Reference());
>>>
>>>
>>>
>>>
>>> No need to override getMinifiedName() (
>>> https://bitbucket.org/obfischer/wicket-bootstrap-resources/src/
>>> 6e1642e4990e92a228a91bb5b8147b49fced00c0/example/src/main/
>>> java/com/profitbricks/wicket/bootstrap/resources/example/
>>> bundle/Bootstrap3Reference.java?at=master#cl-26
>>> )
>>> Wicket does the same for you.
>>>
>>>
>>> On Wed, Dec 4, 2013 at 3:28 PM, Oliver B. Fischer <mailsink@swe-blog.net
>>>> wrote:
>>>
>>> Hi Martin,
>>>>
>>>> I think the problem is how I specify the bootstrap-theme.css theme as a
>>>> dependency of bootstrap.css.
>>>>
>>>> I put my example online at https://bitbucket.org/
>>>> obfischer/wicket-bootstrap-resources/src/6e1642e4990e92a228a91bb5b8147b
>>>> 49fced00c0/example/src/main/java/com/profitbricks/wicket/
>>>> bootstrap/resources/example/bundle/Bootstrap3Reference.java?at=master
>>>>
>>>> May you can have a look at it?
>>>>
>>>> Bye,
>>>>
>>>> Oliver
>>>>
>>>> Am 04.12.13 14:51, schrieb Martin Grigorov:
>>>>
>>>> Hi Oliver,
>>>>
>>>>>
>>>>> There is no such central class that maps all resources.
>>>>> You can use any class as a scope for resources. Just make sure the
>>>>> resources are in the same folder as the scope class.
>>>>> Example:
>>>>> - if the scope class is com.example.package.MyClass
>>>>> - if the resource path is: css/some.css
>>>>> - then Wicket will try to load some.css from
>>>>> /wicket/resource/com.example.package.MyClass/css/some.css
>>>>>
>>>>> - if some.css contains: url (../font/some.woff)
>>>>> - then the browser will calculate its absolute url to:
>>>>> /wicket/resource/com.example.package.MyClass/font/some.woff
>>>>> - so you have to make sure that font/ folder resides next to css/ in the
>>>>> classpath
>>>>>
>>>>> This is how it works.
>>>>>
>>>>> You can still use the web folder, i.e. create css/ and font/ folders
>>>>> next
>>>>> to WEB-INF. This works as with any other Servlet based application.
>>>>> In your .html you can use <link href="css/some.css"/> to load it in a
>>>>> page.
>>>>>
>>>>> The benefit of using Wicket resource references is that:
>>>>> - you can load different resources depending on the user agent's locale,
>>>>> or
>>>>> session style/variation
>>>>> - you can use dependency management - one resource may depend on several
>>>>> other. You do "response.render(headerItem)" and wicket makes sure that
>>>>> all
>>>>> its dependencies are rendered too
>>>>> - resource bundles - i.e. to combine several CSS files into one to save
>>>>> network requests
>>>>> ...
>>>>>
>>>>> For more consult with
>>>>> http://wicket.apache.org/guide/guide/single.html#chapter14_4
>>>>>
>>>>> I'll need more information/code to be able to help you more.
>>>>>
>>>>> On Wed, Dec 4, 2013 at 2:34 PM, Oliver B. Fischer <
>>>>> mailsink@swe-blog.net
>>>>>
>>>>>> wrote:
>>>>>>
>>>>>
>>>>> Hi Martin,
>>>>>
>>>>>>
>>>>>> is there any ready resource class that simply maps all resource
>>>>>> requests
>>>>>> to a package including relative paths?
>>>>>>
>>>>>> Such a simple task takes already too much time. Putting all file in the
>>>>>> WEB-INF folder would take me 10 minutes...
>>>>>>
>>>>>> BTW, Wicket is great and powerfull and you can build some simple pages
>>>>>> quite fast. But if you need something more complicated you are
>>>>>> confronted
>>>>>> with a lot of classes and you must understand all the details. And this
>>>>>> does not pay off unless you will build many different applications...
>>>>>>
>>>>>> Am 04.12.13 13:45, schrieb Oliver B. Fischer:
>>>>>>
>>>>>> Hi Martin,
>>>>>>
>>>>>>
>>>>>>> I think I will try to write a custom package resource...
>>>>>>>
>>>>>>> BYe,
>>>>>>>
>>>>>>> Oliver
>>>>>>>
>>>>>>> Am 04.12.13 13:23, schrieb Martin Grigorov:
>>>>>>>
>>>>>>> On Wed, Dec 4, 2013 at 12:11 PM, Oliver B. Fischer
>>>>>>>
>>>>>>>> <ma...@swe-blog.net>wrote:
>>>>>>>>
>>>>>>>> Hi,
>>>>>>>>
>>>>>>>>
>>>>>>>>> it is there. The CSS as bundle is referenced via
>>>>>>>>>
>>>>>>>>> http://localhost:8080/bs3test/wicket/resource/com.
>>>>>>>>> profitbricks.wicket.bootstrap.resources.example.bundle.
>>>>>>>>> Bootstrap3Reference/dist/css/bootstrap-theme-ver-1386155341000.css
>>>>>>>>>
>>>>>>>>> But the fonts via
>>>>>>>>>
>>>>>>>>> http://localhost:8080/bs3test/wicket/resource/fonts/
>>>>>>>>> glyphicons-halflings-regular.woff
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>> There is something wrong here.
>>>>>>>> A relative url like
>>>>>>>> ../fonts/glyphicons-halflings-regular.eot?#iefix
>>>>>>>> should be calculated to
>>>>>>>> http://localhost:8080/bs3test/wicket/resource/com.
>>>>>>>> profitbricks.wicket.bootstrap.resources.example.bundle.
>>>>>>>> Bootstrap3Reference/dist
>>>>>>>>
>>>>>>>> /fonts/glyphicons-halflings-regular.eot?#iefix
>>>>>>>>
>>>>>>>> Do you use Wicket bundle (several CSS files combined into one) by
>>>>>>>> chance ?
>>>>>>>> It would break if the bundle doesn't use Bootstrap3Reference.class
>>>>>>>> (or
>>>>>>>> another class in the same package) as a scope.
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>> I know that the problem that the fonts referenced directly from the
>>>>>>>>> CSS
>>>>>>>>> files. But how can I handle that?
>>>>>>>>>
>>>>>>>>> Viele Grüße
>>>>>>>>>
>>>>>>>>> Oliver
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> Am 04.12.13 12:03, schrieb Martin Grigorov:
>>>>>>>>>
>>>>>>>>> Hi,
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> Just make sure the font/ folder is next to the css/ folder in your
>>>>>>>>>> file
>>>>>>>>>> structure.
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> On Wed, Dec 4, 2013 at 11:59 AM, Oliver B. Fischer
>>>>>>>>>> <mailsink@swe-blog.net
>>>>>>>>>>
>>>>>>>>>> wrote:
>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>> Hi,
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> I would like to include all Bootstrap 3 resources via resources
>>>>>>>>>>> references. I managed to in include all CSS files by extending
>>>>>>>>>>> CssResourceReference and specifying a list of dependencies
>>>>>>>>>>> (getDependencies()).
>>>>>>>>>>>
>>>>>>>>>>> But how can I include the fonts provided by Bootstrap? The fonts
>>>>>>>>>>> are
>>>>>>>>>>> referenced directly in the CSS files via
>>>>>>>>>>>
>>>>>>>>>>> src: url('../fonts/glyphicons-halflings-regular.eot?#iefix')
>>>>>>>>>>> format('embedded-opentype'),
>>>>>>>>>>>
>>>>>>>>>>> How can I reference these fonts?
>>>>>>>>>>>
>>>>>>>>>>> Bye,
>>>>>>>>>>>
>>>>>>>>>>> Oliver
>>>>>>>>>>>
>>>>>>>>>>> ------------------------------------------------------------
>>>>>>>>>>> ---------
>>>>>>>>>>> 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
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> ------------------------------------------------------------
>>>>>>>> ---------
>>>>>>>>
>>>>>>> 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
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>> ---------------------------------------------------------------------
>>>> 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
>>
>>
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org
Re: Referencing CSS resources
Posted by Martin Grigorov <mg...@apache.org>.
right.
you need to use "css/" in
getResourceBundles().addCssBundle(*Bootstrap3Reference*.class,
"*css/*bootstrap.css", new
Bootstrap3Reference());
it is all about tuning :-)
On Wed, Dec 4, 2013 at 5:26 PM, Oliver B. Fischer <ma...@swe-blog.net>wrote:
> Hi Martin,
>
> I updated it and changed it as you suggested. But the problem remains.
>
> bootstrap.css is fetched via /bs3test/wicket/resource/com.
> profitbricks.wicket.bootstrap.resources.example.bundle.
> Bootstrap3Reference/bootstrap-ver-1386173958000.css
>
> But the fonts are fetched via
>
> /bs3test/wicket/resource/fonts/glyphicons-halflings-regular.woff
>
> Oliver
>
> Am 04.12.13 15:41, schrieb Martin Grigorov:
>
>> Hi Oliver,
>>
>> The problem is at
>> https://bitbucket.org/obfischer/wicket-bootstrap-resources/src/
>> 6e1642e4990e92a228a91bb5b8147b49fced00c0/example/src/main/
>> java/com/profitbricks/wicket/bootstrap/resources/example/
>> ExampleApplication.java?at=master#cl-44
>>
>> Earlier I asked:
>>
>>> Do you use Wicket bundle (several CSS files combined into one) by chance
>>> ?
>>> It would break if the bundle doesn't use Bootstrap3Reference.class (or
>>>
>> another class in the same package) as a scope.
>>
>> Here you set ExampleApplication.class as scope for the bundle. The effect
>> from this is that Wicket will create url like:
>>
>> /wicket/resource/com.profitbricks.wicket.bootstrap.resources.example.
>> ExampleApplication/css/bootstrap(-HASH).css
>>
>> and since the combined url contains the "url(../font/...) code the browser
>> will make a request to:
>> /wicket/resource/com.profitbricks.wicket.bootstrap.resources.example.
>> ExampleApplication/font/glyphfont-....css
>>
>> A simple solution is to use Bootstrap3Reference.class as a scope:
>>
>> getResourceBundles().addCssBundle(*Bootstrap3Reference*.class,
>>
>> "bootstrap.css",
>> new Bootstrap3Reference());
>>
>>
>>
>>
>> No need to override getMinifiedName() (
>> https://bitbucket.org/obfischer/wicket-bootstrap-resources/src/
>> 6e1642e4990e92a228a91bb5b8147b49fced00c0/example/src/main/
>> java/com/profitbricks/wicket/bootstrap/resources/example/
>> bundle/Bootstrap3Reference.java?at=master#cl-26
>> )
>> Wicket does the same for you.
>>
>>
>> On Wed, Dec 4, 2013 at 3:28 PM, Oliver B. Fischer <mailsink@swe-blog.net
>> >wrote:
>>
>> Hi Martin,
>>>
>>> I think the problem is how I specify the bootstrap-theme.css theme as a
>>> dependency of bootstrap.css.
>>>
>>> I put my example online at https://bitbucket.org/
>>> obfischer/wicket-bootstrap-resources/src/6e1642e4990e92a228a91bb5b8147b
>>> 49fced00c0/example/src/main/java/com/profitbricks/wicket/
>>> bootstrap/resources/example/bundle/Bootstrap3Reference.java?at=master
>>>
>>> May you can have a look at it?
>>>
>>> Bye,
>>>
>>> Oliver
>>>
>>> Am 04.12.13 14:51, schrieb Martin Grigorov:
>>>
>>> Hi Oliver,
>>>
>>>>
>>>> There is no such central class that maps all resources.
>>>> You can use any class as a scope for resources. Just make sure the
>>>> resources are in the same folder as the scope class.
>>>> Example:
>>>> - if the scope class is com.example.package.MyClass
>>>> - if the resource path is: css/some.css
>>>> - then Wicket will try to load some.css from
>>>> /wicket/resource/com.example.package.MyClass/css/some.css
>>>>
>>>> - if some.css contains: url (../font/some.woff)
>>>> - then the browser will calculate its absolute url to:
>>>> /wicket/resource/com.example.package.MyClass/font/some.woff
>>>> - so you have to make sure that font/ folder resides next to css/ in the
>>>> classpath
>>>>
>>>> This is how it works.
>>>>
>>>> You can still use the web folder, i.e. create css/ and font/ folders
>>>> next
>>>> to WEB-INF. This works as with any other Servlet based application.
>>>> In your .html you can use <link href="css/some.css"/> to load it in a
>>>> page.
>>>>
>>>> The benefit of using Wicket resource references is that:
>>>> - you can load different resources depending on the user agent's locale,
>>>> or
>>>> session style/variation
>>>> - you can use dependency management - one resource may depend on several
>>>> other. You do "response.render(headerItem)" and wicket makes sure that
>>>> all
>>>> its dependencies are rendered too
>>>> - resource bundles - i.e. to combine several CSS files into one to save
>>>> network requests
>>>> ...
>>>>
>>>> For more consult with
>>>> http://wicket.apache.org/guide/guide/single.html#chapter14_4
>>>>
>>>> I'll need more information/code to be able to help you more.
>>>>
>>>> On Wed, Dec 4, 2013 at 2:34 PM, Oliver B. Fischer <
>>>> mailsink@swe-blog.net
>>>>
>>>>> wrote:
>>>>>
>>>>
>>>> Hi Martin,
>>>>
>>>>>
>>>>> is there any ready resource class that simply maps all resource
>>>>> requests
>>>>> to a package including relative paths?
>>>>>
>>>>> Such a simple task takes already too much time. Putting all file in the
>>>>> WEB-INF folder would take me 10 minutes...
>>>>>
>>>>> BTW, Wicket is great and powerfull and you can build some simple pages
>>>>> quite fast. But if you need something more complicated you are
>>>>> confronted
>>>>> with a lot of classes and you must understand all the details. And this
>>>>> does not pay off unless you will build many different applications...
>>>>>
>>>>> Am 04.12.13 13:45, schrieb Oliver B. Fischer:
>>>>>
>>>>> Hi Martin,
>>>>>
>>>>>
>>>>>> I think I will try to write a custom package resource...
>>>>>>
>>>>>> BYe,
>>>>>>
>>>>>> Oliver
>>>>>>
>>>>>> Am 04.12.13 13:23, schrieb Martin Grigorov:
>>>>>>
>>>>>> On Wed, Dec 4, 2013 at 12:11 PM, Oliver B. Fischer
>>>>>>
>>>>>>> <ma...@swe-blog.net>wrote:
>>>>>>>
>>>>>>> Hi,
>>>>>>>
>>>>>>>
>>>>>>>> it is there. The CSS as bundle is referenced via
>>>>>>>>
>>>>>>>> http://localhost:8080/bs3test/wicket/resource/com.
>>>>>>>> profitbricks.wicket.bootstrap.resources.example.bundle.
>>>>>>>> Bootstrap3Reference/dist/css/bootstrap-theme-ver-1386155341000.css
>>>>>>>>
>>>>>>>> But the fonts via
>>>>>>>>
>>>>>>>> http://localhost:8080/bs3test/wicket/resource/fonts/
>>>>>>>> glyphicons-halflings-regular.woff
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>> There is something wrong here.
>>>>>>> A relative url like
>>>>>>> ../fonts/glyphicons-halflings-regular.eot?#iefix
>>>>>>> should be calculated to
>>>>>>> http://localhost:8080/bs3test/wicket/resource/com.
>>>>>>> profitbricks.wicket.bootstrap.resources.example.bundle.
>>>>>>> Bootstrap3Reference/dist
>>>>>>>
>>>>>>> /fonts/glyphicons-halflings-regular.eot?#iefix
>>>>>>>
>>>>>>> Do you use Wicket bundle (several CSS files combined into one) by
>>>>>>> chance ?
>>>>>>> It would break if the bundle doesn't use Bootstrap3Reference.class
>>>>>>> (or
>>>>>>> another class in the same package) as a scope.
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> I know that the problem that the fonts referenced directly from the
>>>>>>>> CSS
>>>>>>>> files. But how can I handle that?
>>>>>>>>
>>>>>>>> Viele Grüße
>>>>>>>>
>>>>>>>> Oliver
>>>>>>>>
>>>>>>>>
>>>>>>>> Am 04.12.13 12:03, schrieb Martin Grigorov:
>>>>>>>>
>>>>>>>> Hi,
>>>>>>>>
>>>>>>>>
>>>>>>>> Just make sure the font/ folder is next to the css/ folder in your
>>>>>>>>> file
>>>>>>>>> structure.
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> On Wed, Dec 4, 2013 at 11:59 AM, Oliver B. Fischer
>>>>>>>>> <mailsink@swe-blog.net
>>>>>>>>>
>>>>>>>>> wrote:
>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> Hi,
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> I would like to include all Bootstrap 3 resources via resources
>>>>>>>>>> references. I managed to in include all CSS files by extending
>>>>>>>>>> CssResourceReference and specifying a list of dependencies
>>>>>>>>>> (getDependencies()).
>>>>>>>>>>
>>>>>>>>>> But how can I include the fonts provided by Bootstrap? The fonts
>>>>>>>>>> are
>>>>>>>>>> referenced directly in the CSS files via
>>>>>>>>>>
>>>>>>>>>> src: url('../fonts/glyphicons-halflings-regular.eot?#iefix')
>>>>>>>>>> format('embedded-opentype'),
>>>>>>>>>>
>>>>>>>>>> How can I reference these fonts?
>>>>>>>>>>
>>>>>>>>>> Bye,
>>>>>>>>>>
>>>>>>>>>> Oliver
>>>>>>>>>>
>>>>>>>>>> ------------------------------------------------------------
>>>>>>>>>> ---------
>>>>>>>>>> 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
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>> ------------------------------------------------------------
>>>>>>> ---------
>>>>>>>
>>>>>> 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
>>>>>
>>>>>
>>>>>
>>>>>
>>>> ---------------------------------------------------------------------
>>> 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: Referencing CSS resources
Posted by "Oliver B. Fischer" <ma...@swe-blog.net>.
Hi Martin,
I updated it and changed it as you suggested. But the problem remains.
bootstrap.css is fetched via
/bs3test/wicket/resource/com.profitbricks.wicket.bootstrap.resources.example.bundle.Bootstrap3Reference/bootstrap-ver-1386173958000.css
But the fonts are fetched via
/bs3test/wicket/resource/fonts/glyphicons-halflings-regular.woff
Oliver
Am 04.12.13 15:41, schrieb Martin Grigorov:
> Hi Oliver,
>
> The problem is at
> https://bitbucket.org/obfischer/wicket-bootstrap-resources/src/6e1642e4990e92a228a91bb5b8147b49fced00c0/example/src/main/java/com/profitbricks/wicket/bootstrap/resources/example/ExampleApplication.java?at=master#cl-44
>
> Earlier I asked:
>> Do you use Wicket bundle (several CSS files combined into one) by chance ?
>> It would break if the bundle doesn't use Bootstrap3Reference.class (or
> another class in the same package) as a scope.
>
> Here you set ExampleApplication.class as scope for the bundle. The effect
> from this is that Wicket will create url like:
>
> /wicket/resource/com.profitbricks.wicket.bootstrap.resources.example.ExampleApplication/css/bootstrap(-HASH).css
>
> and since the combined url contains the "url(../font/...) code the browser
> will make a request to:
> /wicket/resource/com.profitbricks.wicket.bootstrap.resources.example.ExampleApplication/font/glyphfont-....css
>
> A simple solution is to use Bootstrap3Reference.class as a scope:
>
> getResourceBundles().addCssBundle(*Bootstrap3Reference*.class,
> "bootstrap.css",
> new Bootstrap3Reference());
>
>
>
>
> No need to override getMinifiedName() (
> https://bitbucket.org/obfischer/wicket-bootstrap-resources/src/6e1642e4990e92a228a91bb5b8147b49fced00c0/example/src/main/java/com/profitbricks/wicket/bootstrap/resources/example/bundle/Bootstrap3Reference.java?at=master#cl-26
> )
> Wicket does the same for you.
>
>
> On Wed, Dec 4, 2013 at 3:28 PM, Oliver B. Fischer <ma...@swe-blog.net>wrote:
>
>> Hi Martin,
>>
>> I think the problem is how I specify the bootstrap-theme.css theme as a
>> dependency of bootstrap.css.
>>
>> I put my example online at https://bitbucket.org/
>> obfischer/wicket-bootstrap-resources/src/6e1642e4990e92a228a91bb5b8147b
>> 49fced00c0/example/src/main/java/com/profitbricks/wicket/
>> bootstrap/resources/example/bundle/Bootstrap3Reference.java?at=master
>>
>> May you can have a look at it?
>>
>> Bye,
>>
>> Oliver
>>
>> Am 04.12.13 14:51, schrieb Martin Grigorov:
>>
>> Hi Oliver,
>>>
>>> There is no such central class that maps all resources.
>>> You can use any class as a scope for resources. Just make sure the
>>> resources are in the same folder as the scope class.
>>> Example:
>>> - if the scope class is com.example.package.MyClass
>>> - if the resource path is: css/some.css
>>> - then Wicket will try to load some.css from
>>> /wicket/resource/com.example.package.MyClass/css/some.css
>>>
>>> - if some.css contains: url (../font/some.woff)
>>> - then the browser will calculate its absolute url to:
>>> /wicket/resource/com.example.package.MyClass/font/some.woff
>>> - so you have to make sure that font/ folder resides next to css/ in the
>>> classpath
>>>
>>> This is how it works.
>>>
>>> You can still use the web folder, i.e. create css/ and font/ folders next
>>> to WEB-INF. This works as with any other Servlet based application.
>>> In your .html you can use <link href="css/some.css"/> to load it in a
>>> page.
>>>
>>> The benefit of using Wicket resource references is that:
>>> - you can load different resources depending on the user agent's locale,
>>> or
>>> session style/variation
>>> - you can use dependency management - one resource may depend on several
>>> other. You do "response.render(headerItem)" and wicket makes sure that all
>>> its dependencies are rendered too
>>> - resource bundles - i.e. to combine several CSS files into one to save
>>> network requests
>>> ...
>>>
>>> For more consult with
>>> http://wicket.apache.org/guide/guide/single.html#chapter14_4
>>>
>>> I'll need more information/code to be able to help you more.
>>>
>>> On Wed, Dec 4, 2013 at 2:34 PM, Oliver B. Fischer <mailsink@swe-blog.net
>>>> wrote:
>>>
>>> Hi Martin,
>>>>
>>>> is there any ready resource class that simply maps all resource requests
>>>> to a package including relative paths?
>>>>
>>>> Such a simple task takes already too much time. Putting all file in the
>>>> WEB-INF folder would take me 10 minutes...
>>>>
>>>> BTW, Wicket is great and powerfull and you can build some simple pages
>>>> quite fast. But if you need something more complicated you are confronted
>>>> with a lot of classes and you must understand all the details. And this
>>>> does not pay off unless you will build many different applications...
>>>>
>>>> Am 04.12.13 13:45, schrieb Oliver B. Fischer:
>>>>
>>>> Hi Martin,
>>>>
>>>>>
>>>>> I think I will try to write a custom package resource...
>>>>>
>>>>> BYe,
>>>>>
>>>>> Oliver
>>>>>
>>>>> Am 04.12.13 13:23, schrieb Martin Grigorov:
>>>>>
>>>>> On Wed, Dec 4, 2013 at 12:11 PM, Oliver B. Fischer
>>>>>> <ma...@swe-blog.net>wrote:
>>>>>>
>>>>>> Hi,
>>>>>>
>>>>>>>
>>>>>>> it is there. The CSS as bundle is referenced via
>>>>>>>
>>>>>>> http://localhost:8080/bs3test/wicket/resource/com.
>>>>>>> profitbricks.wicket.bootstrap.resources.example.bundle.
>>>>>>> Bootstrap3Reference/dist/css/bootstrap-theme-ver-1386155341000.css
>>>>>>>
>>>>>>> But the fonts via
>>>>>>>
>>>>>>> http://localhost:8080/bs3test/wicket/resource/fonts/
>>>>>>> glyphicons-halflings-regular.woff
>>>>>>>
>>>>>>>
>>>>>>
>>>>>> There is something wrong here.
>>>>>> A relative url like
>>>>>> ../fonts/glyphicons-halflings-regular.eot?#iefix
>>>>>> should be calculated to
>>>>>> http://localhost:8080/bs3test/wicket/resource/com.
>>>>>> profitbricks.wicket.bootstrap.resources.example.bundle.
>>>>>> Bootstrap3Reference/dist
>>>>>>
>>>>>> /fonts/glyphicons-halflings-regular.eot?#iefix
>>>>>>
>>>>>> Do you use Wicket bundle (several CSS files combined into one) by
>>>>>> chance ?
>>>>>> It would break if the bundle doesn't use Bootstrap3Reference.class (or
>>>>>> another class in the same package) as a scope.
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>>> I know that the problem that the fonts referenced directly from the
>>>>>>> CSS
>>>>>>> files. But how can I handle that?
>>>>>>>
>>>>>>> Viele Grüße
>>>>>>>
>>>>>>> Oliver
>>>>>>>
>>>>>>>
>>>>>>> Am 04.12.13 12:03, schrieb Martin Grigorov:
>>>>>>>
>>>>>>> Hi,
>>>>>>>
>>>>>>>
>>>>>>>> Just make sure the font/ folder is next to the css/ folder in your
>>>>>>>> file
>>>>>>>> structure.
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>> On Wed, Dec 4, 2013 at 11:59 AM, Oliver B. Fischer
>>>>>>>> <mailsink@swe-blog.net
>>>>>>>>
>>>>>>>> wrote:
>>>>>>>>>
>>>>>>>>>
>>>>>>>> Hi,
>>>>>>>>
>>>>>>>>
>>>>>>>>> I would like to include all Bootstrap 3 resources via resources
>>>>>>>>> references. I managed to in include all CSS files by extending
>>>>>>>>> CssResourceReference and specifying a list of dependencies
>>>>>>>>> (getDependencies()).
>>>>>>>>>
>>>>>>>>> But how can I include the fonts provided by Bootstrap? The fonts are
>>>>>>>>> referenced directly in the CSS files via
>>>>>>>>>
>>>>>>>>> src: url('../fonts/glyphicons-halflings-regular.eot?#iefix')
>>>>>>>>> format('embedded-opentype'),
>>>>>>>>>
>>>>>>>>> How can I reference these fonts?
>>>>>>>>>
>>>>>>>>> Bye,
>>>>>>>>>
>>>>>>>>> Oliver
>>>>>>>>>
>>>>>>>>> ------------------------------------------------------------
>>>>>>>>> ---------
>>>>>>>>> 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
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>> ---------------------------------------------------------------------
>>>>> 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
>>>>
>>>>
>>>>
>>>
>> ---------------------------------------------------------------------
>> 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: Referencing CSS resources
Posted by Martin Grigorov <mg...@apache.org>.
Hi Oliver,
The problem is at
https://bitbucket.org/obfischer/wicket-bootstrap-resources/src/6e1642e4990e92a228a91bb5b8147b49fced00c0/example/src/main/java/com/profitbricks/wicket/bootstrap/resources/example/ExampleApplication.java?at=master#cl-44
Earlier I asked:
> Do you use Wicket bundle (several CSS files combined into one) by chance ?
> It would break if the bundle doesn't use Bootstrap3Reference.class (or
another class in the same package) as a scope.
Here you set ExampleApplication.class as scope for the bundle. The effect
from this is that Wicket will create url like:
/wicket/resource/com.profitbricks.wicket.bootstrap.resources.example.ExampleApplication/css/bootstrap(-HASH).css
and since the combined url contains the "url(../font/...) code the browser
will make a request to:
/wicket/resource/com.profitbricks.wicket.bootstrap.resources.example.ExampleApplication/font/glyphfont-....css
A simple solution is to use Bootstrap3Reference.class as a scope:
getResourceBundles().addCssBundle(*Bootstrap3Reference*.class,
"bootstrap.css",
new Bootstrap3Reference());
No need to override getMinifiedName() (
https://bitbucket.org/obfischer/wicket-bootstrap-resources/src/6e1642e4990e92a228a91bb5b8147b49fced00c0/example/src/main/java/com/profitbricks/wicket/bootstrap/resources/example/bundle/Bootstrap3Reference.java?at=master#cl-26
)
Wicket does the same for you.
On Wed, Dec 4, 2013 at 3:28 PM, Oliver B. Fischer <ma...@swe-blog.net>wrote:
> Hi Martin,
>
> I think the problem is how I specify the bootstrap-theme.css theme as a
> dependency of bootstrap.css.
>
> I put my example online at https://bitbucket.org/
> obfischer/wicket-bootstrap-resources/src/6e1642e4990e92a228a91bb5b8147b
> 49fced00c0/example/src/main/java/com/profitbricks/wicket/
> bootstrap/resources/example/bundle/Bootstrap3Reference.java?at=master
>
> May you can have a look at it?
>
> Bye,
>
> Oliver
>
> Am 04.12.13 14:51, schrieb Martin Grigorov:
>
> Hi Oliver,
>>
>> There is no such central class that maps all resources.
>> You can use any class as a scope for resources. Just make sure the
>> resources are in the same folder as the scope class.
>> Example:
>> - if the scope class is com.example.package.MyClass
>> - if the resource path is: css/some.css
>> - then Wicket will try to load some.css from
>> /wicket/resource/com.example.package.MyClass/css/some.css
>>
>> - if some.css contains: url (../font/some.woff)
>> - then the browser will calculate its absolute url to:
>> /wicket/resource/com.example.package.MyClass/font/some.woff
>> - so you have to make sure that font/ folder resides next to css/ in the
>> classpath
>>
>> This is how it works.
>>
>> You can still use the web folder, i.e. create css/ and font/ folders next
>> to WEB-INF. This works as with any other Servlet based application.
>> In your .html you can use <link href="css/some.css"/> to load it in a
>> page.
>>
>> The benefit of using Wicket resource references is that:
>> - you can load different resources depending on the user agent's locale,
>> or
>> session style/variation
>> - you can use dependency management - one resource may depend on several
>> other. You do "response.render(headerItem)" and wicket makes sure that all
>> its dependencies are rendered too
>> - resource bundles - i.e. to combine several CSS files into one to save
>> network requests
>> ...
>>
>> For more consult with
>> http://wicket.apache.org/guide/guide/single.html#chapter14_4
>>
>> I'll need more information/code to be able to help you more.
>>
>> On Wed, Dec 4, 2013 at 2:34 PM, Oliver B. Fischer <mailsink@swe-blog.net
>> >wrote:
>>
>> Hi Martin,
>>>
>>> is there any ready resource class that simply maps all resource requests
>>> to a package including relative paths?
>>>
>>> Such a simple task takes already too much time. Putting all file in the
>>> WEB-INF folder would take me 10 minutes...
>>>
>>> BTW, Wicket is great and powerfull and you can build some simple pages
>>> quite fast. But if you need something more complicated you are confronted
>>> with a lot of classes and you must understand all the details. And this
>>> does not pay off unless you will build many different applications...
>>>
>>> Am 04.12.13 13:45, schrieb Oliver B. Fischer:
>>>
>>> Hi Martin,
>>>
>>>>
>>>> I think I will try to write a custom package resource...
>>>>
>>>> BYe,
>>>>
>>>> Oliver
>>>>
>>>> Am 04.12.13 13:23, schrieb Martin Grigorov:
>>>>
>>>> On Wed, Dec 4, 2013 at 12:11 PM, Oliver B. Fischer
>>>>> <ma...@swe-blog.net>wrote:
>>>>>
>>>>> Hi,
>>>>>
>>>>>>
>>>>>> it is there. The CSS as bundle is referenced via
>>>>>>
>>>>>> http://localhost:8080/bs3test/wicket/resource/com.
>>>>>> profitbricks.wicket.bootstrap.resources.example.bundle.
>>>>>> Bootstrap3Reference/dist/css/bootstrap-theme-ver-1386155341000.css
>>>>>>
>>>>>> But the fonts via
>>>>>>
>>>>>> http://localhost:8080/bs3test/wicket/resource/fonts/
>>>>>> glyphicons-halflings-regular.woff
>>>>>>
>>>>>>
>>>>>
>>>>> There is something wrong here.
>>>>> A relative url like
>>>>> ../fonts/glyphicons-halflings-regular.eot?#iefix
>>>>> should be calculated to
>>>>> http://localhost:8080/bs3test/wicket/resource/com.
>>>>> profitbricks.wicket.bootstrap.resources.example.bundle.
>>>>> Bootstrap3Reference/dist
>>>>>
>>>>> /fonts/glyphicons-halflings-regular.eot?#iefix
>>>>>
>>>>> Do you use Wicket bundle (several CSS files combined into one) by
>>>>> chance ?
>>>>> It would break if the bundle doesn't use Bootstrap3Reference.class (or
>>>>> another class in the same package) as a scope.
>>>>>
>>>>>
>>>>>
>>>>>
>>>>>> I know that the problem that the fonts referenced directly from the
>>>>>> CSS
>>>>>> files. But how can I handle that?
>>>>>>
>>>>>> Viele Grüße
>>>>>>
>>>>>> Oliver
>>>>>>
>>>>>>
>>>>>> Am 04.12.13 12:03, schrieb Martin Grigorov:
>>>>>>
>>>>>> Hi,
>>>>>>
>>>>>>
>>>>>>> Just make sure the font/ folder is next to the css/ folder in your
>>>>>>> file
>>>>>>> structure.
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> On Wed, Dec 4, 2013 at 11:59 AM, Oliver B. Fischer
>>>>>>> <mailsink@swe-blog.net
>>>>>>>
>>>>>>> wrote:
>>>>>>>>
>>>>>>>>
>>>>>>> Hi,
>>>>>>>
>>>>>>>
>>>>>>>> I would like to include all Bootstrap 3 resources via resources
>>>>>>>> references. I managed to in include all CSS files by extending
>>>>>>>> CssResourceReference and specifying a list of dependencies
>>>>>>>> (getDependencies()).
>>>>>>>>
>>>>>>>> But how can I include the fonts provided by Bootstrap? The fonts are
>>>>>>>> referenced directly in the CSS files via
>>>>>>>>
>>>>>>>> src: url('../fonts/glyphicons-halflings-regular.eot?#iefix')
>>>>>>>> format('embedded-opentype'),
>>>>>>>>
>>>>>>>> How can I reference these fonts?
>>>>>>>>
>>>>>>>> Bye,
>>>>>>>>
>>>>>>>> Oliver
>>>>>>>>
>>>>>>>> ------------------------------------------------------------
>>>>>>>> ---------
>>>>>>>> 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
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>> ---------------------------------------------------------------------
>>>> 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
>>>
>>>
>>>
>>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>
Re: Referencing CSS resources
Posted by "Oliver B. Fischer" <ma...@swe-blog.net>.
Hi Martin,
I think the problem is how I specify the bootstrap-theme.css theme as a
dependency of bootstrap.css.
I put my example online at
https://bitbucket.org/obfischer/wicket-bootstrap-resources/src/6e1642e4990e92a228a91bb5b8147b49fced00c0/example/src/main/java/com/profitbricks/wicket/bootstrap/resources/example/bundle/Bootstrap3Reference.java?at=master
May you can have a look at it?
Bye,
Oliver
Am 04.12.13 14:51, schrieb Martin Grigorov:
> Hi Oliver,
>
> There is no such central class that maps all resources.
> You can use any class as a scope for resources. Just make sure the
> resources are in the same folder as the scope class.
> Example:
> - if the scope class is com.example.package.MyClass
> - if the resource path is: css/some.css
> - then Wicket will try to load some.css from
> /wicket/resource/com.example.package.MyClass/css/some.css
>
> - if some.css contains: url (../font/some.woff)
> - then the browser will calculate its absolute url to:
> /wicket/resource/com.example.package.MyClass/font/some.woff
> - so you have to make sure that font/ folder resides next to css/ in the
> classpath
>
> This is how it works.
>
> You can still use the web folder, i.e. create css/ and font/ folders next
> to WEB-INF. This works as with any other Servlet based application.
> In your .html you can use <link href="css/some.css"/> to load it in a page.
>
> The benefit of using Wicket resource references is that:
> - you can load different resources depending on the user agent's locale, or
> session style/variation
> - you can use dependency management - one resource may depend on several
> other. You do "response.render(headerItem)" and wicket makes sure that all
> its dependencies are rendered too
> - resource bundles - i.e. to combine several CSS files into one to save
> network requests
> ...
>
> For more consult with
> http://wicket.apache.org/guide/guide/single.html#chapter14_4
>
> I'll need more information/code to be able to help you more.
>
> On Wed, Dec 4, 2013 at 2:34 PM, Oliver B. Fischer <ma...@swe-blog.net>wrote:
>
>> Hi Martin,
>>
>> is there any ready resource class that simply maps all resource requests
>> to a package including relative paths?
>>
>> Such a simple task takes already too much time. Putting all file in the
>> WEB-INF folder would take me 10 minutes...
>>
>> BTW, Wicket is great and powerfull and you can build some simple pages
>> quite fast. But if you need something more complicated you are confronted
>> with a lot of classes and you must understand all the details. And this
>> does not pay off unless you will build many different applications...
>>
>> Am 04.12.13 13:45, schrieb Oliver B. Fischer:
>>
>> Hi Martin,
>>>
>>> I think I will try to write a custom package resource...
>>>
>>> BYe,
>>>
>>> Oliver
>>>
>>> Am 04.12.13 13:23, schrieb Martin Grigorov:
>>>
>>>> On Wed, Dec 4, 2013 at 12:11 PM, Oliver B. Fischer
>>>> <ma...@swe-blog.net>wrote:
>>>>
>>>> Hi,
>>>>>
>>>>> it is there. The CSS as bundle is referenced via
>>>>>
>>>>> http://localhost:8080/bs3test/wicket/resource/com.
>>>>> profitbricks.wicket.bootstrap.resources.example.bundle.
>>>>> Bootstrap3Reference/dist/css/bootstrap-theme-ver-1386155341000.css
>>>>>
>>>>> But the fonts via
>>>>>
>>>>> http://localhost:8080/bs3test/wicket/resource/fonts/
>>>>> glyphicons-halflings-regular.woff
>>>>>
>>>>
>>>>
>>>> There is something wrong here.
>>>> A relative url like
>>>> ../fonts/glyphicons-halflings-regular.eot?#iefix
>>>> should be calculated to
>>>> http://localhost:8080/bs3test/wicket/resource/com.
>>>> profitbricks.wicket.bootstrap.resources.example.bundle.
>>>> Bootstrap3Reference/dist
>>>>
>>>> /fonts/glyphicons-halflings-regular.eot?#iefix
>>>>
>>>> Do you use Wicket bundle (several CSS files combined into one) by
>>>> chance ?
>>>> It would break if the bundle doesn't use Bootstrap3Reference.class (or
>>>> another class in the same package) as a scope.
>>>>
>>>>
>>>>
>>>>>
>>>>> I know that the problem that the fonts referenced directly from the CSS
>>>>> files. But how can I handle that?
>>>>>
>>>>> Viele Grüße
>>>>>
>>>>> Oliver
>>>>>
>>>>>
>>>>> Am 04.12.13 12:03, schrieb Martin Grigorov:
>>>>>
>>>>> Hi,
>>>>>
>>>>>>
>>>>>> Just make sure the font/ folder is next to the css/ folder in your file
>>>>>> structure.
>>>>>>
>>>>>>
>>>>>>
>>>>>> On Wed, Dec 4, 2013 at 11:59 AM, Oliver B. Fischer
>>>>>> <mailsink@swe-blog.net
>>>>>>
>>>>>>> wrote:
>>>>>>>
>>>>>>
>>>>>> Hi,
>>>>>>
>>>>>>>
>>>>>>> I would like to include all Bootstrap 3 resources via resources
>>>>>>> references. I managed to in include all CSS files by extending
>>>>>>> CssResourceReference and specifying a list of dependencies
>>>>>>> (getDependencies()).
>>>>>>>
>>>>>>> But how can I include the fonts provided by Bootstrap? The fonts are
>>>>>>> referenced directly in the CSS files via
>>>>>>>
>>>>>>> src: url('../fonts/glyphicons-halflings-regular.eot?#iefix')
>>>>>>> format('embedded-opentype'),
>>>>>>>
>>>>>>> How can I reference these fonts?
>>>>>>>
>>>>>>> Bye,
>>>>>>>
>>>>>>> Oliver
>>>>>>>
>>>>>>> ---------------------------------------------------------------------
>>>>>>> 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
>>>>>
>>>>>
>>>>>
>>>>
>>> ---------------------------------------------------------------------
>>> 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
>>
>>
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org
Re: Referencing CSS resources
Posted by Martin Grigorov <mg...@apache.org>.
Hi Oliver,
There is no such central class that maps all resources.
You can use any class as a scope for resources. Just make sure the
resources are in the same folder as the scope class.
Example:
- if the scope class is com.example.package.MyClass
- if the resource path is: css/some.css
- then Wicket will try to load some.css from
/wicket/resource/com.example.package.MyClass/css/some.css
- if some.css contains: url (../font/some.woff)
- then the browser will calculate its absolute url to:
/wicket/resource/com.example.package.MyClass/font/some.woff
- so you have to make sure that font/ folder resides next to css/ in the
classpath
This is how it works.
You can still use the web folder, i.e. create css/ and font/ folders next
to WEB-INF. This works as with any other Servlet based application.
In your .html you can use <link href="css/some.css"/> to load it in a page.
The benefit of using Wicket resource references is that:
- you can load different resources depending on the user agent's locale, or
session style/variation
- you can use dependency management - one resource may depend on several
other. You do "response.render(headerItem)" and wicket makes sure that all
its dependencies are rendered too
- resource bundles - i.e. to combine several CSS files into one to save
network requests
...
For more consult with
http://wicket.apache.org/guide/guide/single.html#chapter14_4
I'll need more information/code to be able to help you more.
On Wed, Dec 4, 2013 at 2:34 PM, Oliver B. Fischer <ma...@swe-blog.net>wrote:
> Hi Martin,
>
> is there any ready resource class that simply maps all resource requests
> to a package including relative paths?
>
> Such a simple task takes already too much time. Putting all file in the
> WEB-INF folder would take me 10 minutes...
>
> BTW, Wicket is great and powerfull and you can build some simple pages
> quite fast. But if you need something more complicated you are confronted
> with a lot of classes and you must understand all the details. And this
> does not pay off unless you will build many different applications...
>
> Am 04.12.13 13:45, schrieb Oliver B. Fischer:
>
> Hi Martin,
>>
>> I think I will try to write a custom package resource...
>>
>> BYe,
>>
>> Oliver
>>
>> Am 04.12.13 13:23, schrieb Martin Grigorov:
>>
>>> On Wed, Dec 4, 2013 at 12:11 PM, Oliver B. Fischer
>>> <ma...@swe-blog.net>wrote:
>>>
>>> Hi,
>>>>
>>>> it is there. The CSS as bundle is referenced via
>>>>
>>>> http://localhost:8080/bs3test/wicket/resource/com.
>>>> profitbricks.wicket.bootstrap.resources.example.bundle.
>>>> Bootstrap3Reference/dist/css/bootstrap-theme-ver-1386155341000.css
>>>>
>>>> But the fonts via
>>>>
>>>> http://localhost:8080/bs3test/wicket/resource/fonts/
>>>> glyphicons-halflings-regular.woff
>>>>
>>>
>>>
>>> There is something wrong here.
>>> A relative url like
>>> ../fonts/glyphicons-halflings-regular.eot?#iefix
>>> should be calculated to
>>> http://localhost:8080/bs3test/wicket/resource/com.
>>> profitbricks.wicket.bootstrap.resources.example.bundle.
>>> Bootstrap3Reference/dist
>>>
>>> /fonts/glyphicons-halflings-regular.eot?#iefix
>>>
>>> Do you use Wicket bundle (several CSS files combined into one) by
>>> chance ?
>>> It would break if the bundle doesn't use Bootstrap3Reference.class (or
>>> another class in the same package) as a scope.
>>>
>>>
>>>
>>>>
>>>> I know that the problem that the fonts referenced directly from the CSS
>>>> files. But how can I handle that?
>>>>
>>>> Viele Grüße
>>>>
>>>> Oliver
>>>>
>>>>
>>>> Am 04.12.13 12:03, schrieb Martin Grigorov:
>>>>
>>>> Hi,
>>>>
>>>>>
>>>>> Just make sure the font/ folder is next to the css/ folder in your file
>>>>> structure.
>>>>>
>>>>>
>>>>>
>>>>> On Wed, Dec 4, 2013 at 11:59 AM, Oliver B. Fischer
>>>>> <mailsink@swe-blog.net
>>>>>
>>>>>> wrote:
>>>>>>
>>>>>
>>>>> Hi,
>>>>>
>>>>>>
>>>>>> I would like to include all Bootstrap 3 resources via resources
>>>>>> references. I managed to in include all CSS files by extending
>>>>>> CssResourceReference and specifying a list of dependencies
>>>>>> (getDependencies()).
>>>>>>
>>>>>> But how can I include the fonts provided by Bootstrap? The fonts are
>>>>>> referenced directly in the CSS files via
>>>>>>
>>>>>> src: url('../fonts/glyphicons-halflings-regular.eot?#iefix')
>>>>>> format('embedded-opentype'),
>>>>>>
>>>>>> How can I reference these fonts?
>>>>>>
>>>>>> Bye,
>>>>>>
>>>>>> Oliver
>>>>>>
>>>>>> ---------------------------------------------------------------------
>>>>>> 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
>>>>
>>>>
>>>>
>>>
>> ---------------------------------------------------------------------
>> 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: Referencing CSS resources
Posted by "Oliver B. Fischer" <ma...@swe-blog.net>.
Hi Martin,
is there any ready resource class that simply maps all resource requests
to a package including relative paths?
Such a simple task takes already too much time. Putting all file in the
WEB-INF folder would take me 10 minutes...
BTW, Wicket is great and powerfull and you can build some simple pages
quite fast. But if you need something more complicated you are
confronted with a lot of classes and you must understand all the
details. And this does not pay off unless you will build many different
applications...
Am 04.12.13 13:45, schrieb Oliver B. Fischer:
> Hi Martin,
>
> I think I will try to write a custom package resource...
>
> BYe,
>
> Oliver
>
> Am 04.12.13 13:23, schrieb Martin Grigorov:
>> On Wed, Dec 4, 2013 at 12:11 PM, Oliver B. Fischer
>> <ma...@swe-blog.net>wrote:
>>
>>> Hi,
>>>
>>> it is there. The CSS as bundle is referenced via
>>>
>>> http://localhost:8080/bs3test/wicket/resource/com.
>>> profitbricks.wicket.bootstrap.resources.example.bundle.
>>> Bootstrap3Reference/dist/css/bootstrap-theme-ver-1386155341000.css
>>>
>>> But the fonts via
>>>
>>> http://localhost:8080/bs3test/wicket/resource/fonts/
>>> glyphicons-halflings-regular.woff
>>
>>
>> There is something wrong here.
>> A relative url like
>> ../fonts/glyphicons-halflings-regular.eot?#iefix
>> should be calculated to
>> http://localhost:8080/bs3test/wicket/resource/com.profitbricks.wicket.bootstrap.resources.example.bundle.Bootstrap3Reference/dist
>>
>> /fonts/glyphicons-halflings-regular.eot?#iefix
>>
>> Do you use Wicket bundle (several CSS files combined into one) by
>> chance ?
>> It would break if the bundle doesn't use Bootstrap3Reference.class (or
>> another class in the same package) as a scope.
>>
>>
>>>
>>>
>>> I know that the problem that the fonts referenced directly from the CSS
>>> files. But how can I handle that?
>>>
>>> Viele Grüße
>>>
>>> Oliver
>>>
>>>
>>> Am 04.12.13 12:03, schrieb Martin Grigorov:
>>>
>>> Hi,
>>>>
>>>> Just make sure the font/ folder is next to the css/ folder in your file
>>>> structure.
>>>>
>>>>
>>>>
>>>> On Wed, Dec 4, 2013 at 11:59 AM, Oliver B. Fischer
>>>> <mailsink@swe-blog.net
>>>>> wrote:
>>>>
>>>> Hi,
>>>>>
>>>>> I would like to include all Bootstrap 3 resources via resources
>>>>> references. I managed to in include all CSS files by extending
>>>>> CssResourceReference and specifying a list of dependencies
>>>>> (getDependencies()).
>>>>>
>>>>> But how can I include the fonts provided by Bootstrap? The fonts are
>>>>> referenced directly in the CSS files via
>>>>>
>>>>> src: url('../fonts/glyphicons-halflings-regular.eot?#iefix')
>>>>> format('embedded-opentype'),
>>>>>
>>>>> How can I reference these fonts?
>>>>>
>>>>> Bye,
>>>>>
>>>>> Oliver
>>>>>
>>>>> ---------------------------------------------------------------------
>>>>> 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
>>>
>>>
>>
>
> ---------------------------------------------------------------------
> 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: Referencing CSS resources
Posted by "Oliver B. Fischer" <ma...@swe-blog.net>.
Hi Martin,
I think I will try to write a custom package resource...
BYe,
Oliver
Am 04.12.13 13:23, schrieb Martin Grigorov:
> On Wed, Dec 4, 2013 at 12:11 PM, Oliver B. Fischer <ma...@swe-blog.net>wrote:
>
>> Hi,
>>
>> it is there. The CSS as bundle is referenced via
>>
>> http://localhost:8080/bs3test/wicket/resource/com.
>> profitbricks.wicket.bootstrap.resources.example.bundle.
>> Bootstrap3Reference/dist/css/bootstrap-theme-ver-1386155341000.css
>>
>> But the fonts via
>>
>> http://localhost:8080/bs3test/wicket/resource/fonts/
>> glyphicons-halflings-regular.woff
>
>
> There is something wrong here.
> A relative url like
> ../fonts/glyphicons-halflings-regular.eot?#iefix
> should be calculated to
> http://localhost:8080/bs3test/wicket/resource/com.profitbricks.wicket.bootstrap.resources.example.bundle.Bootstrap3Reference/dist
> /fonts/glyphicons-halflings-regular.eot?#iefix
>
> Do you use Wicket bundle (several CSS files combined into one) by chance ?
> It would break if the bundle doesn't use Bootstrap3Reference.class (or
> another class in the same package) as a scope.
>
>
>>
>>
>> I know that the problem that the fonts referenced directly from the CSS
>> files. But how can I handle that?
>>
>> Viele Grüße
>>
>> Oliver
>>
>>
>> Am 04.12.13 12:03, schrieb Martin Grigorov:
>>
>> Hi,
>>>
>>> Just make sure the font/ folder is next to the css/ folder in your file
>>> structure.
>>>
>>>
>>>
>>> On Wed, Dec 4, 2013 at 11:59 AM, Oliver B. Fischer <mailsink@swe-blog.net
>>>> wrote:
>>>
>>> Hi,
>>>>
>>>> I would like to include all Bootstrap 3 resources via resources
>>>> references. I managed to in include all CSS files by extending
>>>> CssResourceReference and specifying a list of dependencies
>>>> (getDependencies()).
>>>>
>>>> But how can I include the fonts provided by Bootstrap? The fonts are
>>>> referenced directly in the CSS files via
>>>>
>>>> src: url('../fonts/glyphicons-halflings-regular.eot?#iefix')
>>>> format('embedded-opentype'),
>>>>
>>>> How can I reference these fonts?
>>>>
>>>> Bye,
>>>>
>>>> Oliver
>>>>
>>>> ---------------------------------------------------------------------
>>>> 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
>>
>>
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org
Re: Referencing CSS resources
Posted by Martin Grigorov <mg...@apache.org>.
On Wed, Dec 4, 2013 at 12:11 PM, Oliver B. Fischer <ma...@swe-blog.net>wrote:
> Hi,
>
> it is there. The CSS as bundle is referenced via
>
> http://localhost:8080/bs3test/wicket/resource/com.
> profitbricks.wicket.bootstrap.resources.example.bundle.
> Bootstrap3Reference/dist/css/bootstrap-theme-ver-1386155341000.css
>
> But the fonts via
>
> http://localhost:8080/bs3test/wicket/resource/fonts/
> glyphicons-halflings-regular.woff
There is something wrong here.
A relative url like
../fonts/glyphicons-halflings-regular.eot?#iefix
should be calculated to
http://localhost:8080/bs3test/wicket/resource/com.profitbricks.wicket.bootstrap.resources.example.bundle.Bootstrap3Reference/dist
/fonts/glyphicons-halflings-regular.eot?#iefix
Do you use Wicket bundle (several CSS files combined into one) by chance ?
It would break if the bundle doesn't use Bootstrap3Reference.class (or
another class in the same package) as a scope.
>
>
> I know that the problem that the fonts referenced directly from the CSS
> files. But how can I handle that?
>
> Viele Grüße
>
> Oliver
>
>
> Am 04.12.13 12:03, schrieb Martin Grigorov:
>
> Hi,
>>
>> Just make sure the font/ folder is next to the css/ folder in your file
>> structure.
>>
>>
>>
>> On Wed, Dec 4, 2013 at 11:59 AM, Oliver B. Fischer <mailsink@swe-blog.net
>> >wrote:
>>
>> Hi,
>>>
>>> I would like to include all Bootstrap 3 resources via resources
>>> references. I managed to in include all CSS files by extending
>>> CssResourceReference and specifying a list of dependencies
>>> (getDependencies()).
>>>
>>> But how can I include the fonts provided by Bootstrap? The fonts are
>>> referenced directly in the CSS files via
>>>
>>> src: url('../fonts/glyphicons-halflings-regular.eot?#iefix')
>>> format('embedded-opentype'),
>>>
>>> How can I reference these fonts?
>>>
>>> Bye,
>>>
>>> Oliver
>>>
>>> ---------------------------------------------------------------------
>>> 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: Referencing CSS resources
Posted by "Oliver B. Fischer" <ma...@swe-blog.net>.
Hi,
it is there. The CSS as bundle is referenced via
http://localhost:8080/bs3test/wicket/resource/com.profitbricks.wicket.bootstrap.resources.example.bundle.Bootstrap3Reference/dist/css/bootstrap-theme-ver-1386155341000.css
But the fonts via
http://localhost:8080/bs3test/wicket/resource/fonts/glyphicons-halflings-regular.woff
I know that the problem that the fonts referenced directly from the CSS
files. But how can I handle that?
Viele Grüße
Oliver
Am 04.12.13 12:03, schrieb Martin Grigorov:
> Hi,
>
> Just make sure the font/ folder is next to the css/ folder in your file
> structure.
>
>
>
> On Wed, Dec 4, 2013 at 11:59 AM, Oliver B. Fischer <ma...@swe-blog.net>wrote:
>
>> Hi,
>>
>> I would like to include all Bootstrap 3 resources via resources
>> references. I managed to in include all CSS files by extending
>> CssResourceReference and specifying a list of dependencies
>> (getDependencies()).
>>
>> But how can I include the fonts provided by Bootstrap? The fonts are
>> referenced directly in the CSS files via
>>
>> src: url('../fonts/glyphicons-halflings-regular.eot?#iefix')
>> format('embedded-opentype'),
>>
>> How can I reference these fonts?
>>
>> Bye,
>>
>> Oliver
>>
>> ---------------------------------------------------------------------
>> 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: Referencing CSS resources
Posted by Martin Grigorov <mg...@apache.org>.
Hi,
Just make sure the font/ folder is next to the css/ folder in your file
structure.
On Wed, Dec 4, 2013 at 11:59 AM, Oliver B. Fischer <ma...@swe-blog.net>wrote:
> Hi,
>
> I would like to include all Bootstrap 3 resources via resources
> references. I managed to in include all CSS files by extending
> CssResourceReference and specifying a list of dependencies
> (getDependencies()).
>
> But how can I include the fonts provided by Bootstrap? The fonts are
> referenced directly in the CSS files via
>
> src: url('../fonts/glyphicons-halflings-regular.eot?#iefix')
> format('embedded-opentype'),
>
> How can I reference these fonts?
>
> Bye,
>
> Oliver
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>