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<[email protected]> ________________________________ From: users <[email protected]> on behalf of Ecaterina Moraru (Valica) <[email protected]> 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 <[email protected]

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<[email protected]>

_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users

_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users

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/Ad... 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/Ad... 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) < [email protected]> 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 < [email protected]> 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<[email protected]>

________________________________ From: users <[email protected]> on behalf of Ecaterina Moraru (Valica) <[email protected]> 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 < [email protected]

...

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<[email protected]>

_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users

_______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users