Re: [xwiki-users] Flamingo color theme advanced Less

2016-09-26 Thread Ecaterina Moraru (Valica)
An alternative to Solution 1, step 2 (ovewriting the "less/style.less.vm")
you could try this:

Solution B:
1. In your skin, add the "less/advanced.less", as in
http://design.xwiki.org/xwiki/bin/download/Proposal/ColorThemeforFlamingo/Advanced_step1.png
2. in your Flamingo Theme, add a SSX object, with Content Type: LESS (if
you need velocity, you can make it parsable + I've made it global for the
whole wiki, but you can manually call it) and write
"@import("advanced.less");". Apparently the LESS compiler is looking only
on files that are in the flamingo/less file system folder. So that's all
you need to write, see
http://design.xwiki.org/xwiki/bin/download/Proposal/ColorThemeforFlamingo/Advanced_step2B.png

So besides this "less/advanced.less" you can break your code in as many
file as you need.

Hope this helps,
Caty

On Mon, Sep 26, 2016 at 5:32 PM, Ecaterina Moraru (Valica) <
vali...@gmail.com> wrote:

> The problem is that we cannot use velocity in the Flamingo Theme's
> advanced section, so we cannot write @import "$xwiki.getSkinFile('
> advanced.less')";
>
> So this means we need to go to the file where all the LESS files get
> imported. This means "less/style.less.vm". There you need to add your
> custom .less file, in our case I've called it "advanced.less", do it by
> writing '@import "advanced";' at the end of the import list. Now be
> careful, since you are overwriting this file, if you are going to make an
> upgrade, you need to backport the official changes of this file to your
> custom skin.
>
> Now you need to add the advanced.less file to your skin. Add it in the
> overrides section, having the /less folder prefix, since there we expect
> all LESS files to be present.
>
> In order to be easier to follow I've created a screenshot of a very small
> change I've made (the body text should be colored blue), see
> http://design.xwiki.org/xwiki/bin/download/Proposal/ColorThemeforFlamingo/
> advancedLess.png
>
> So in conclusion you need to add 2 overrides to your skin (I've made my
> changes to XWiki.DefaultSkin in order to test), for "less/advanced.less"
> (where you will have your code) and "less/style.less.vm" (where you need to
> copy the standard content of that file from the flamingo folder in your
> file system + add the import to your custom less). The changes you will
> have in advanced.less will be applied globally to your skin, independent of
> the current Flamingo Theme.
>
> Hope this helps,
> Caty
>
>
> On Mon, Sep 26, 2016 at 5:00 PM, Gerritjan Koekkoek <
> gerrit...@cdlsworld.org> wrote:
>
>> What would be the notation in the advanced box
>>
>>
>> I now have:
>>
>> @import('custom.less')
>>
>>
>> And I added custom.less as attachment to my skin-page.
>>
>>
>> But this gives me a compile error on the less...
>>
>>
>> Gerritjan Koekkoek
>> Vader van Rai Koekkoek (cdls) en voorzitter vereniging CdLS
>> Visit our website<http://www.cdlsworld.org>
>> Facebook<https://www.facebook.com/gerritjan.koekkoek>
>> email<gerrit...@cdlsworld.org>
>>
>>
>>
>> 
>> From: users <users-boun...@xwiki.org> on behalf of Ecaterina Moraru
>> (Valica) <vali...@gmail.com>
>> Sent: 26 September 2016 15:08:51
>> To: XWiki Users
>> Subject: Re: [xwiki-users] Flamingo color theme advanced Less
>>
>> You could attach your less files to the Skin page, especially since if you
>> have advanced / big customizations is more the responsibility of the skin,
>> rather than the color theme.
>>
>> Thanks,
>> Caty
>>
>> On Mon, Sep 26, 2016 at 3:35 PM, Gerritjan Koekkoek <
>> gerrit...@cdlsworld.org
>> > wrote:
>>
>> > Our Advanced box in the flamingo color theme is getting pretty Big (But
>> it
>> > works !)
>> >
>> >
>> > But would it be possible to attach less files to the color theme page
>> and
>> > adding something like
>> >
>> >
>> > @import("waihonabuttons.less") in the advanced box of the color
>> theme?
>> >
>> >
>> > What would I need in the  part of the filename?
>> >
>> >
>> > Gerritjan Koekkoek
>> > Vader van Rai Koekkoek (cdls) en voorzitter vereniging CdLS
>> > Visit our website<http://www.cdlsworld.org>
>> > Facebook<https://www.facebook.com/gerritjan.koekkoek>
>> > email<gerrit...@cdlsworld.org>
>> >
>> >
>> >
>> > ___
>> > users mailing list
>> > users@xwiki.org
>> > http://lists.xwiki.org/mailman/listinfo/users
>> >
>> ___
>> users mailing list
>> users@xwiki.org
>> http://lists.xwiki.org/mailman/listinfo/users
>> ___
>> users mailing list
>> users@xwiki.org
>> http://lists.xwiki.org/mailman/listinfo/users
>>
>
>
___
users mailing list
users@xwiki.org
http://lists.xwiki.org/mailman/listinfo/users


Re: [xwiki-users] Flamingo color theme advanced Less

2016-09-26 Thread Ecaterina Moraru (Valica)
The problem is that we cannot use velocity in the Flamingo Theme's advanced
section, so we cannot write @import "$xwiki.getSkinFile('advanced.less')";

So this means we need to go to the file where all the LESS files get
imported. This means "less/style.less.vm". There you need to add your
custom .less file, in our case I've called it "advanced.less", do it by
writing '@import "advanced";' at the end of the import list. Now be
careful, since you are overwriting this file, if you are going to make an
upgrade, you need to backport the official changes of this file to your
custom skin.

Now you need to add the advanced.less file to your skin. Add it in the
overrides section, having the /less folder prefix, since there we expect
all LESS files to be present.

In order to be easier to follow I've created a screenshot of a very small
change I've made (the body text should be colored blue), see
http://design.xwiki.org/xwiki/bin/download/Proposal/ColorThemeforFlamingo/advancedLess.png

So in conclusion you need to add 2 overrides to your skin (I've made my
changes to XWiki.DefaultSkin in order to test), for "less/advanced.less"
(where you will have your code) and "less/style.less.vm" (where you need to
copy the standard content of that file from the flamingo folder in your
file system + add the import to your custom less). The changes you will
have in advanced.less will be applied globally to your skin, independent of
the current Flamingo Theme.

Hope this helps,
Caty


On Mon, Sep 26, 2016 at 5:00 PM, Gerritjan Koekkoek <gerrit...@cdlsworld.org
> wrote:

> What would be the notation in the advanced box
>
>
> I now have:
>
> @import('custom.less')
>
>
> And I added custom.less as attachment to my skin-page.
>
>
> But this gives me a compile error on the less...
>
>
> Gerritjan Koekkoek
> Vader van Rai Koekkoek (cdls) en voorzitter vereniging CdLS
> Visit our website<http://www.cdlsworld.org>
> Facebook<https://www.facebook.com/gerritjan.koekkoek>
> email<gerrit...@cdlsworld.org>
>
>
>
> 
> From: users <users-boun...@xwiki.org> on behalf of Ecaterina Moraru
> (Valica) <vali...@gmail.com>
> Sent: 26 September 2016 15:08:51
> To: XWiki Users
> Subject: Re: [xwiki-users] Flamingo color theme advanced Less
>
> You could attach your less files to the Skin page, especially since if you
> have advanced / big customizations is more the responsibility of the skin,
> rather than the color theme.
>
> Thanks,
> Caty
>
> On Mon, Sep 26, 2016 at 3:35 PM, Gerritjan Koekkoek <
> gerrit...@cdlsworld.org
> > wrote:
>
> > Our Advanced box in the flamingo color theme is getting pretty Big (But
> it
> > works !)
> >
> >
> > But would it be possible to attach less files to the color theme page and
> > adding something like
> >
> >
> > @import("waihonabuttons.less") in the advanced box of the color
> theme?
> >
> >
> > What would I need in the  part of the filename?
> >
> >
> > Gerritjan Koekkoek
> > Vader van Rai Koekkoek (cdls) en voorzitter vereniging CdLS
> > Visit our website<http://www.cdlsworld.org>
> > Facebook<https://www.facebook.com/gerritjan.koekkoek>
> > email<gerrit...@cdlsworld.org>
> >
> >
> >
> > ___
> > users mailing list
> > users@xwiki.org
> > http://lists.xwiki.org/mailman/listinfo/users
> >
> ___
> users mailing list
> users@xwiki.org
> http://lists.xwiki.org/mailman/listinfo/users
> ___
> users mailing list
> users@xwiki.org
> http://lists.xwiki.org/mailman/listinfo/users
>
___
users mailing list
users@xwiki.org
http://lists.xwiki.org/mailman/listinfo/users