You are viewing a plain text version of this content. The canonical link for it is here.
Posted to user@jspwiki.apache.org by Jerry Malcolm <te...@malcolms.com> on 2019/07/05 04:33:26 UTC
Global %%add-css blocks
Dirk, et al.... now a question that is completely unrelated to the
previous saga.... I would like to change the upper left logo to my
client's site logo. I read the doc about how to do this using the
%%add-css blocks. But from what I can tell in the documentation, it
appears that I have to re-add that same block of code to every page in
the entire wiki. I couldn't find an explanation or example of how to do
it globally. Is it true that i need to add that entire block of code to
every page that I want to change the logo on (which is every page in the
entire wiki) Or is there a way to add that %%add-css code once and have
it apply across all pages?
Thx again.
Jerry
Re: Global %%add-css blocks
Posted by Ulf Dittmer <ul...@googlemail.com.INVALID>.
Thanks for pointing me to jspwiki.translatorReader.inlinePattern, changing
that makes jpegs work. There's so much in
https://jspwiki-wiki.apache.org/Wiki.jsp?page=Configuration, I haven't had
a chance to go through it all :)
Ulf
On Tue, Jul 9, 2019 at 9:21 AM Juan Pablo Santos Rodríguez <
juanpablo.santos@gmail.com> wrote:
> Hi Ulf,
>
> IIRC, only png images are inlined by default. Check for
> jspwiki.translatorReader.inlinePattern entries on
> jspwiki[-custom].properties file.
>
> (on mobile, apologies on brevity and typos)
>
>
> HTH,
> juan pablo
>
> El mar., 9 jul. 2019 9:14, Ulf Dittmer <ulf.dittmer@googlemail.com
> .invalid>
> escribió:
>
> > OK. I got it to work by using a PNG - using the same image as a JPG does
> > not work. It would be good to mention that on
> >
> >
> https://jspwiki-wiki.apache.org/Wiki.jsp?page=How%20to%20change%20the%20site%20logo
> >
> > Thanks very much for your help!
> >
> > Ulf
> >
> > On Mon, Jul 8, 2019 at 6:24 PM Dirk Frederickx <
> dirk.frederickx@gmail.com>
> > wrote:
> >
> > > Ulf
> > >
> > > The 404 is due to the invalid CSS url(...) statement. You need to put
> > > square brackets around the link so jspwiki recognizes it correctly
> > >
> > > dirk
> > >
> > >
> >
>
Re: Global %%add-css blocks
Posted by Juan Pablo Santos Rodríguez <ju...@gmail.com>.
Hi Ulf,
IIRC, only png images are inlined by default. Check for
jspwiki.translatorReader.inlinePattern entries on
jspwiki[-custom].properties file.
(on mobile, apologies on brevity and typos)
HTH,
juan pablo
El mar., 9 jul. 2019 9:14, Ulf Dittmer <ul...@googlemail.com.invalid>
escribió:
> OK. I got it to work by using a PNG - using the same image as a JPG does
> not work. It would be good to mention that on
>
> https://jspwiki-wiki.apache.org/Wiki.jsp?page=How%20to%20change%20the%20site%20logo
>
> Thanks very much for your help!
>
> Ulf
>
> On Mon, Jul 8, 2019 at 6:24 PM Dirk Frederickx <di...@gmail.com>
> wrote:
>
> > Ulf
> >
> > The 404 is due to the invalid CSS url(...) statement. You need to put
> > square brackets around the link so jspwiki recognizes it correctly
> >
> > dirk
> >
> >
>
Re: Global %%add-css blocks
Posted by Ulf Dittmer <ul...@googlemail.com.INVALID>.
OK. I got it to work by using a PNG - using the same image as a JPG does
not work. It would be good to mention that on
https://jspwiki-wiki.apache.org/Wiki.jsp?page=How%20to%20change%20the%20site%20logo
Thanks very much for your help!
Ulf
On Mon, Jul 8, 2019 at 6:24 PM Dirk Frederickx <di...@gmail.com>
wrote:
> Ulf
>
> The 404 is due to the invalid CSS url(...) statement. You need to put
> square brackets around the link so jspwiki recognizes it correctly
>
> dirk
>
>
Re: Global %%add-css blocks
Posted by Dirk Frederickx <di...@gmail.com>.
Ulf
The 404 is due to the invalid CSS url(...) statement. You need to put square brackets around the link so jspwiki recognizes it correctly
dirk
> On 8 Jul 2019, at 09:30, Ulf Dittmer <ul...@googlemail.com.invalid> wrote:
>
> Lots of CSS errors in haddock.css, but no Javascript errors. There is a
> request to http://localhost:8080/JSPWiki/invalid, though , which results in
> a 404.
>
>
> On Sat, Jul 6, 2019 at 9:47 PM Dirk Frederickx <di...@gmail.com>
> wrote:
>
>> Ulf,
>>
>> This should work in 2.11.0.M3
>>
>> The HTML you show is the html as it is rendered from the server.
>> This should actually be converted to a <style> ... </style> block.
>> Could you check if you have any javascript errors ? (ref development
>> console of the browser)
>>
>> For the css url(...) to work, you may want to add square brackets (jspwiki
>> link format)
>>
>>>> background: url([images/imagej.jpg]);
>>
>>
>> dirk
>>
>>
>>
>>
>>
>>
>> On Sat, Jul 6, 2019 at 1:19 PM Ulf Dittmer
>> <ul...@googlemail.com.invalid> wrote:
>>
>>> Is that supposed to work in 2.11.0.M3? I tried this and the CSS got added
>>> like this:
>>>
>>> <div class="leftmenu"> <div class="add-css">/*hide the default
>>> jspwiki logo */a.logo { border:none; text-indent:-99em;}a.logo
>>> b:before { content:""; }<p>/* put the clean-blue logo, attached to
>>> this page */a.logo { background: url(images/imagej.jpg);
>>> background-size: contain; background-repeat: no-repeat;
>>> background-position: center; height: 60px; width: 180px; </p><p>
>>> /* add a fancy button like effect */ box-shadow:0 0 .25em white;
>>> border-radius:2em; background-color:
>>> rgba(255,255,255,0.15);}</p></div>
>>>
>>>
>>> On Sat, Jul 6, 2019 at 10:29 AM Dirk Frederickx <
>> dirk.frederickx@gmail.com
>>>>
>>> wrote:
>>>
>>>> Hi Jerry,
>>>>
>>>>
>>>>
>>>
>> https://jspwiki-wiki.apache.org/Wiki.jsp?page=How%20to%20change%20the%20site%20logo
>>>>
>>>> See step-3 / adding styles to the LeftMenu page
>>>>
>>>> The trick is to add the %%add-css block only to the LeftMenu page.
>>>> This page is included in the sidebar, which is rendered *every time* a
>>>> users accesses a jspwiki page (view, edit, userprefs, etc...)
>>>> This way you can make style changes that apply across all pages.
>>>>
>>>> Hope this helps
>>>> dirk
>>>>
>>>>
>>>>
>>>>
>>>> On Fri, Jul 5, 2019 at 6:33 AM Jerry Malcolm <te...@malcolms.com>
>>>> wrote:
>>>>
>>>>> Dirk, et al.... now a question that is completely unrelated to the
>>>>> previous saga.... I would like to change the upper left logo to my
>>>>> client's site logo. I read the doc about how to do this using the
>>>>> %%add-css blocks. But from what I can tell in the documentation, it
>>>>> appears that I have to re-add that same block of code to every page
>> in
>>>>> the entire wiki. I couldn't find an explanation or example of how to
>>> do
>>>>> it globally. Is it true that i need to add that entire block of code
>>> to
>>>>> every page that I want to change the logo on (which is every page in
>>> the
>>>>> entire wiki) Or is there a way to add that %%add-css code once and
>>> have
>>>>> it apply across all pages?
>>>>>
>>>>> Thx again.
>>>>>
>>>>> Jerry
>>>>>
>>>>>
>>>>
>>>
>>
Re: Global %%add-css blocks
Posted by Ulf Dittmer <ul...@googlemail.com.INVALID>.
Lots of CSS errors in haddock.css, but no Javascript errors. There is a
request to http://localhost:8080/JSPWiki/invalid, though , which results in
a 404.
On Sat, Jul 6, 2019 at 9:47 PM Dirk Frederickx <di...@gmail.com>
wrote:
> Ulf,
>
> This should work in 2.11.0.M3
>
> The HTML you show is the html as it is rendered from the server.
> This should actually be converted to a <style> ... </style> block.
> Could you check if you have any javascript errors ? (ref development
> console of the browser)
>
> For the css url(...) to work, you may want to add square brackets (jspwiki
> link format)
>
> >> background: url([images/imagej.jpg]);
>
>
> dirk
>
>
>
>
>
>
> On Sat, Jul 6, 2019 at 1:19 PM Ulf Dittmer
> <ul...@googlemail.com.invalid> wrote:
>
> > Is that supposed to work in 2.11.0.M3? I tried this and the CSS got added
> > like this:
> >
> > <div class="leftmenu"> <div class="add-css">/*hide the default
> > jspwiki logo */a.logo { border:none; text-indent:-99em;}a.logo
> > b:before { content:""; }<p>/* put the clean-blue logo, attached to
> > this page */a.logo { background: url(images/imagej.jpg);
> > background-size: contain; background-repeat: no-repeat;
> > background-position: center; height: 60px; width: 180px; </p><p>
> > /* add a fancy button like effect */ box-shadow:0 0 .25em white;
> > border-radius:2em; background-color:
> > rgba(255,255,255,0.15);}</p></div>
> >
> >
> > On Sat, Jul 6, 2019 at 10:29 AM Dirk Frederickx <
> dirk.frederickx@gmail.com
> > >
> > wrote:
> >
> > > Hi Jerry,
> > >
> > >
> > >
> >
> https://jspwiki-wiki.apache.org/Wiki.jsp?page=How%20to%20change%20the%20site%20logo
> > >
> > > See step-3 / adding styles to the LeftMenu page
> > >
> > > The trick is to add the %%add-css block only to the LeftMenu page.
> > > This page is included in the sidebar, which is rendered *every time* a
> > > users accesses a jspwiki page (view, edit, userprefs, etc...)
> > > This way you can make style changes that apply across all pages.
> > >
> > > Hope this helps
> > > dirk
> > >
> > >
> > >
> > >
> > > On Fri, Jul 5, 2019 at 6:33 AM Jerry Malcolm <te...@malcolms.com>
> > > wrote:
> > >
> > > > Dirk, et al.... now a question that is completely unrelated to the
> > > > previous saga.... I would like to change the upper left logo to my
> > > > client's site logo. I read the doc about how to do this using the
> > > > %%add-css blocks. But from what I can tell in the documentation, it
> > > > appears that I have to re-add that same block of code to every page
> in
> > > > the entire wiki. I couldn't find an explanation or example of how to
> > do
> > > > it globally. Is it true that i need to add that entire block of code
> > to
> > > > every page that I want to change the logo on (which is every page in
> > the
> > > > entire wiki) Or is there a way to add that %%add-css code once and
> > have
> > > > it apply across all pages?
> > > >
> > > > Thx again.
> > > >
> > > > Jerry
> > > >
> > > >
> > >
> >
>
Re: Global %%add-css blocks
Posted by Dirk Frederickx <di...@gmail.com>.
Ulf,
This should work in 2.11.0.M3
The HTML you show is the html as it is rendered from the server.
This should actually be converted to a <style> ... </style> block.
Could you check if you have any javascript errors ? (ref development
console of the browser)
For the css url(...) to work, you may want to add square brackets (jspwiki
link format)
>> background: url([images/imagej.jpg]);
dirk
On Sat, Jul 6, 2019 at 1:19 PM Ulf Dittmer
<ul...@googlemail.com.invalid> wrote:
> Is that supposed to work in 2.11.0.M3? I tried this and the CSS got added
> like this:
>
> <div class="leftmenu"> <div class="add-css">/*hide the default
> jspwiki logo */a.logo { border:none; text-indent:-99em;}a.logo
> b:before { content:""; }<p>/* put the clean-blue logo, attached to
> this page */a.logo { background: url(images/imagej.jpg);
> background-size: contain; background-repeat: no-repeat;
> background-position: center; height: 60px; width: 180px; </p><p>
> /* add a fancy button like effect */ box-shadow:0 0 .25em white;
> border-radius:2em; background-color:
> rgba(255,255,255,0.15);}</p></div>
>
>
> On Sat, Jul 6, 2019 at 10:29 AM Dirk Frederickx <dirk.frederickx@gmail.com
> >
> wrote:
>
> > Hi Jerry,
> >
> >
> >
> https://jspwiki-wiki.apache.org/Wiki.jsp?page=How%20to%20change%20the%20site%20logo
> >
> > See step-3 / adding styles to the LeftMenu page
> >
> > The trick is to add the %%add-css block only to the LeftMenu page.
> > This page is included in the sidebar, which is rendered *every time* a
> > users accesses a jspwiki page (view, edit, userprefs, etc...)
> > This way you can make style changes that apply across all pages.
> >
> > Hope this helps
> > dirk
> >
> >
> >
> >
> > On Fri, Jul 5, 2019 at 6:33 AM Jerry Malcolm <te...@malcolms.com>
> > wrote:
> >
> > > Dirk, et al.... now a question that is completely unrelated to the
> > > previous saga.... I would like to change the upper left logo to my
> > > client's site logo. I read the doc about how to do this using the
> > > %%add-css blocks. But from what I can tell in the documentation, it
> > > appears that I have to re-add that same block of code to every page in
> > > the entire wiki. I couldn't find an explanation or example of how to
> do
> > > it globally. Is it true that i need to add that entire block of code
> to
> > > every page that I want to change the logo on (which is every page in
> the
> > > entire wiki) Or is there a way to add that %%add-css code once and
> have
> > > it apply across all pages?
> > >
> > > Thx again.
> > >
> > > Jerry
> > >
> > >
> >
>
Re: Global %%add-css blocks
Posted by Ulf Dittmer <ul...@googlemail.com.INVALID>.
Is that supposed to work in 2.11.0.M3? I tried this and the CSS got added
like this:
<div class="leftmenu"> <div class="add-css">/*hide the default
jspwiki logo */a.logo { border:none; text-indent:-99em;}a.logo
b:before { content:""; }<p>/* put the clean-blue logo, attached to
this page */a.logo { background: url(images/imagej.jpg);
background-size: contain; background-repeat: no-repeat;
background-position: center; height: 60px; width: 180px; </p><p>
/* add a fancy button like effect */ box-shadow:0 0 .25em white;
border-radius:2em; background-color:
rgba(255,255,255,0.15);}</p></div>
On Sat, Jul 6, 2019 at 10:29 AM Dirk Frederickx <di...@gmail.com>
wrote:
> Hi Jerry,
>
>
> https://jspwiki-wiki.apache.org/Wiki.jsp?page=How%20to%20change%20the%20site%20logo
>
> See step-3 / adding styles to the LeftMenu page
>
> The trick is to add the %%add-css block only to the LeftMenu page.
> This page is included in the sidebar, which is rendered *every time* a
> users accesses a jspwiki page (view, edit, userprefs, etc...)
> This way you can make style changes that apply across all pages.
>
> Hope this helps
> dirk
>
>
>
>
> On Fri, Jul 5, 2019 at 6:33 AM Jerry Malcolm <te...@malcolms.com>
> wrote:
>
> > Dirk, et al.... now a question that is completely unrelated to the
> > previous saga.... I would like to change the upper left logo to my
> > client's site logo. I read the doc about how to do this using the
> > %%add-css blocks. But from what I can tell in the documentation, it
> > appears that I have to re-add that same block of code to every page in
> > the entire wiki. I couldn't find an explanation or example of how to do
> > it globally. Is it true that i need to add that entire block of code to
> > every page that I want to change the logo on (which is every page in the
> > entire wiki) Or is there a way to add that %%add-css code once and have
> > it apply across all pages?
> >
> > Thx again.
> >
> > Jerry
> >
> >
>
Re: Global %%add-css blocks
Posted by Dirk Frederickx <di...@gmail.com>.
Hi Jerry,
https://jspwiki-wiki.apache.org/Wiki.jsp?page=How%20to%20change%20the%20site%20logo
See step-3 / adding styles to the LeftMenu page
The trick is to add the %%add-css block only to the LeftMenu page.
This page is included in the sidebar, which is rendered *every time* a
users accesses a jspwiki page (view, edit, userprefs, etc...)
This way you can make style changes that apply across all pages.
Hope this helps
dirk
On Fri, Jul 5, 2019 at 6:33 AM Jerry Malcolm <te...@malcolms.com> wrote:
> Dirk, et al.... now a question that is completely unrelated to the
> previous saga.... I would like to change the upper left logo to my
> client's site logo. I read the doc about how to do this using the
> %%add-css blocks. But from what I can tell in the documentation, it
> appears that I have to re-add that same block of code to every page in
> the entire wiki. I couldn't find an explanation or example of how to do
> it globally. Is it true that i need to add that entire block of code to
> every page that I want to change the logo on (which is every page in the
> entire wiki) Or is there a way to add that %%add-css code once and have
> it apply across all pages?
>
> Thx again.
>
> Jerry
>
>