UI.X 1.5.22.0

[Mackeral_Fillet]

Thanks Mike for the replies.

I have an issue with the sticky sidebar. Sometimes it will 'unstick' when scrolling the page down past a certain point, which is how I would like to to work. But often, it will not unstick, meaning that I get a display error where the adverts overlap. See pic:



I can't seem to work out why/when this happens. It seems quite random.

Here's my forum home if you want to try:

http://ducatiforum.co.uk/forum/

Thanks.

 

[TJA]

Thanks Mike for the replies.

I have an issue with the sticky sidebar. Sometimes it will 'unstick' when scrolling the page down past a certain point, which is how I would like to to work. But often, it will not unstick, meaning that I get a display error where the adverts overlap. See pic:

View attachment 88434

I can't seem to work out why/when this happens. It seems quite random.

Here's my forum home if you want to try:

http://ducatiforum.co.uk/forum/

Thanks.

Unfortunately this is one of the flaws of having widget tabs and/or dynamic content in the sidebar.

 

[Mackeral_Fillet]

Unfortunately this is one of the flaws of having widget tabs and/or dynamic content in the sidebar.

I dont understand how it works sometimes though. It's a bug, right?

 

[TJA]

No it's expected behaviour the sticky sidebar doesn't know how to fix itself unless you scroll. There is no other trigger applied for performance reasons.

 

[Mackeral_Fillet]

No it's expected behaviour the sticky sidebar doesn't know how to fix itself unless you scroll. There is no other trigger applied for performance reasons.

Ok, the issue is though that sometimes it scrolls up, sometimes it doesn't. That's not expected behaviour.

 

[Mackeral_Fillet]

No it's expected behaviour the sticky sidebar doesn't know how to fix itself unless you scroll. There is no other trigger applied for performance reasons.

This is it when it scrolls (everything fits nicely), which doesn't always happen:

 

[TJA]

Ok, the issue is though that sometimes it scrolls up, sometimes it doesn't. That's not expected behaviour.

It is when you have dynamic content in your sidebar, i.e your ads

Unfortunately this is one of the flaws of having widget tabs and/or dynamic content in the sidebar.

This is with the Halfords ad displaying

This is with the fisher investments ad


The Halfords ad is dynamic so as stated to you earlier this is one of the flaws of having dynamic content in your sidebar, so it is expected behaviour and not a bug, if you don't want this then either remove the ads (which are pointless if adblocker is running) or turn off your sticky sidebar.

 

[Andy.N]

@Mike Creuzer
Why is sprite@2x.png loaded every page? What is the purpose of that image?

 

[malachiel]

hi i want know how make all menu expand to left and right (without wallpaper) like this site does http://www.spigotmc.org/ , my site is www.trollandia.it

 

[TJA]

hi i want know how make all menu expand to left and right (without wallpaper) like this site does http://www.spigotmc.org/ , my site is www.trollandia.it

Style Properties: ┌ [UI.X] Global Settings

 

[malachiel]

thank thejack i still got a last issue, the menu if i click on it it become white (FORUM example) what section i have to edit? Nevermind i already found this ty ^^

 

[Kerby]

Bug report Editor Icons
Unordered and Ordered List FA-Icons are the same. Correct unicode for ordered icon would be F0CB.




So it would look like here with correct icon:

And how you can see, i polished the design with vertical group-icons-separatorlines to look more nice

 

[TJA]

Bug report Editor Icons
Unordered and Ordered List FA-Icons are the same. Correct unicode for ordered icon would be F0CB.

View attachment 88495


So it would look like here with correct icon:
View attachment 88496
And how you can see, i polished the design with vertical group-icons-separatorlines to look more nice

In EXTRA.css

html .redactor_toolbar li a.redactor_btn_orderedlist:before
    {
        content: "\f0cb" !important;
    }
html .redactor_toolbar li a.redactor_btn_orderedlist:before
    {
        content: "\f0cb" !important;
    }

Or go into uix_icons.css template and find

html .redactor_toolbar li a.redactor_btn_orderedlist:before
    {
        content: "\f0ca";
    }
html .redactor_toolbar li a.redactor_btn_orderedlist:before
    {
        content: "\f0ca";
    }

Replace content with "\focb"

 

[Carla Birch]

@Mike Creuzer Just wondering what's the right way to edit the ad styler to add more control over what css is edited?

Eg is i wanted to add a color picker just for the css #header how would this be added to the default.si?
I guess its just copying and adding this time and time for each new color picker, but i dunno how to edit it to affect the css i with it to effect.

<span
                                data-si-tooltip="Primary Color"
                                data-si-type="color"
                                data-si-value="{%primaryColor%}"
                                data-si-change='{
                                    "{%primaryColor_background-color%}":"background-color",
                                    "{%primaryColor_color%}":"color",
                                    "{%primaryColor_border-top-color%}":"border-top-color",
                                    "{%primaryColor_border-color%}":"border-color"
                                }'
                            >
                        </span>

 

[Dad.]

Bug report Editor Icons
Unordered and Ordered List FA-Icons are the same. Correct unicode for ordered icon would be F0CB.

View attachment 88495


So it would look like here with correct icon:
View attachment 88496
And how you can see, i polished the design with vertical group-icons-separatorlines to look more nice

Yep and this is fixed in the next release

@Mike Creuzer Just wondering what's the right way to edit the ad styler to add more control over what css is edited?

Eg is i wanted to add a color picker just for the css #header how would this be added to the default.si?
I guess its just copying and adding this time and time for each new color picker, but i dunno how to edit it to affect the css i with it to effect.

<span
                                data-si-tooltip="Primary Color"
                                data-si-type="color"
                                data-si-value="{%primaryColor%}"
                                data-si-change='{
                                    "{%primaryColor_background-color%}":"background-color",
                                    "{%primaryColor_color%}":"color",
                                    "{%primaryColor_border-top-color%}":"border-top-color",
                                    "{%primaryColor_border-color%}":"border-color"
                                }'
                            >
                        </span>

What part of the header do you want to change? The background color? To a new color or the primary color? (Blue by default)

 

[Carla Birch]

Yep and this is fixed in the next release


What part of the header do you want to change? The background color? To a new color or the primary color? (Blue by default)

Basically i wish to give more freedom over set css class, a better eg would be i want users to be able to edit the background color of ".nodeList .categoryStrip" by it self. and other class's where i feel it gives them better control.

 

[Dad.]

Ah. Well, you just need to change the selector. But with the AD Styler you have to tell it what value and what property. IE you need to select #header, tell it you want to change background-color, and then give it the property value. I know Ive said it before but this is best left to a video as its a bit to complicated to explain simply.

 

[Carla Birch]

Ah. Well, you just need to change the selector. But with the AD Styler you have to tell it what value and what property. IE you need to select #header, tell it you want to change background-color, and then give it the property value. I know Ive said it before but this is best left to a video as its a bit to complicated to explain simply.

So if i understand something like this?

<span
                                data-si-tooltip="Header Color"
                                data-si-type="color"
                                data-si-value="{%#header%}"
                                data-si-change='{
                                    "{%#header_background-color%}":"background-color",
 
                                }'
                            >
                        </span>

Would that be right format?

 

[Dad.]

Instead of {%#header%}, you would have the default color, so maybe #FFF

Instead of {%#header_background-color%}, put #header

 

[Carla Birch]

Instead of {%#header%}, you would have the default color, so maybe #FFF

Instead of {%#header_background-color%}, put #header

Thanks i understand the working of it now