UI.X 1.5.22.0

[malachiel]

I just updated ui.x to newest version, i just having a little issue... this code is broken and stoped to work after the upgrade (extra.css)
I added in custom title of my group founder: <div class="custom-title-founder">Founder</div>
and then in extra.css
/* Start User Ranks */
.custom-title-founder {
background-color: #CC1111;
border: 1px solid #CC1111;
border-radius: 4px;
width: 108px;
padding: 3px;
margin: 3px 0;
text-align: center;
color: white;
}

.sidebar .custom-title-founder {
margin-left: 43px;
max-width: 80px;
}

 

[Carla Birch]

@Mike Creuzer I know i got this to work before ages ago, but I'm having a problem on a new project and totally forgot how i got it working before, using the Ad styler i what to give more control over the colors to my users, but when i add the following to the default.si it stops loading the ad styler.

                        <span
                                data-si-tooltip="Test Color"
                                data-si-type="color"
                                data-si-value="#7FAAC8"
                                data-si-change='{
                                    "#header":"background-color"
                                }'
                            >
                        </span>

Is that code right?

Also if i wanted to give full site side control over the "contentBackground" would the code be

                        <span
                                data-si-tooltip="Content Color"
                                data-si-type="color"
                                data-si-value="{%contentBackground%}"
                                data-si-change='{ 
                                    "{%contentBackground_background-color%}":"background-color"
                                }'
                            >
                        </span>

or would it match the format the same has the one above?

 

[Carla Birch]

@Mike Creuzer

                        <span
                                data-si-tooltip="Test Color"
                                data-si-type="color"
                                data-si-value="#7FAAC8"
                                data-si-change='{
                                    "#header":"background-color"
                                }'
                            >
                        </span>

Well that code works in my local host install, but on a live server it breaks, i see the following errors


"TypeError: styleit_store.get(...)[target_name] is undefined" is the error that seems to stand out that i don't see in the test localhost.

(Edit: Seems like the error was due to a cache problem)

 

[2TonWaffle]

Seeming to have an issue in that in mobile view where the Menu appears that it does not bring in the off screen navigation. It only returns to the index when clicked.



I do have the options selected as that hasn't changed before upgrading. Plus after the upgrade the user bar doesn't scroll down with the user.

 

[Rum Runner Entertainment]

@Mike Creuzer, I tried adding in Shelley's snow images on the navbar and all the code is in the EXTRA.css, but it doesn't seem to work. Do you know why?

Thanks,

 

[kankan]

Purchased the style,
I used Apparence > Style Properties to play with settings (ex: footer content, node appearence etc ..)
All the changes are ok while displaying in guest mode, but once i log in, the default values appears. (no change)
Did i missed something ?
Thanks

 

[Paul B]

That sounds like you have a different style selected for your account to what is available to guests.

 

[kylerc]

@kankan is it possible that your account has a theme set that is different from the one you are customizing? Try selecting your customized theme at the bottom of the page.

 

[Rum Runner Entertainment]

Purchased the style,
I used Apparence > Style Properties to play with settings (ex: footer content, node appearence etc ..)
All the changes are ok while displaying in guest mode, but once i log in, the default values appears. (no change)
Did i missed something ?
Thanks

Have you uploaded the same style more than once?

 

[kankan]

Problem fixe: i was used bad default theme

 

[Dad.]

@Mike Creuzer what about rtl I'm wating since 14 version ..

It is coming. We prioritized optimization over it since that was needed for whatever else we decided to do with the framework.

I just updated ui.x to newest version, i just having a little issue... this code is broken and stoped to work after the upgrade (extra.css)
I added in custom title of my group founder: <div class="custom-title-founder">Founder</div>
and then in extra.css
/* Start User Ranks */
.custom-title-founder {
background-color: #CC1111;
border: 1px solid #CC1111;
border-radius: 4px;
width: 108px;
padding: 3px;
margin: 3px 0;
text-align: center;
color: white;
}

.sidebar .custom-title-founder {
margin-left: 43px;
max-width: 80px;
}

Did you merge outdated templates? We moved extra.css into page_container to better control load order.

@Mike Creuzer I know i got this to work before ages ago, but I'm having a problem on a new project and totally forgot how i got it working before, using the Ad styler i what to give more control over the colors to my users, but when i add the following to the default.si it stops loading the ad styler.

                        <span
                                data-si-tooltip="Test Color"
                                data-si-type="color"
                                data-si-value="#7FAAC8"
                                data-si-change='{
                                    "#header":"background-color"
                                }'
                            >
                        </span>

Is that code right?

Also if i wanted to give full site side control over the "contentBackground" would the code be

                        <span
                                data-si-tooltip="Content Color"
                                data-si-type="color"
                                data-si-value="{%contentBackground%}"
                                data-si-change='{
                                    "{%contentBackground_background-color%}":"background-color"
                                }'
                            >
                        </span>

or would it match the format the same has the one above?

I'm not sure what the contentBackground var does or if you've defined it. But here is an example of how it works:

<span
data-si-tooltip="Body background color"
data-si-type="color"
data-si-value="{%bodyBackgroundColor%}"
data-si-change='{ "{%bodyBackgroundColor_elements%}":"background-color"}'
>
</span>

Where data-si-change is a comma delimited list of all the things you want to change followed by a colon and then the property of what gets change. Ie "#header":"background-color" or "#footer,#content":"border-color"

So I think your variables need some work. The first chunk of code looks right if you want the #header to load with #7FAAC8 and then allow people to change the background-color for that.

Also, your post that followed after, is it all working now @Carla Birch ? I hope so!

Seeming to have an issue in that in mobile view where the Menu appears that it does not bring in the off screen navigation. It only returns to the index when clicked.

View attachment 95240

I do have the options selected as that hasn't changed before upgrading. Plus after the upgrade the user bar doesn't scroll down with the user.

Sounds to me like javascript caching or you never uploading the new javascript files. I would try the latter first. Make sure you have them installed and can navigate to them in your browser. If that still doesn't work try clearing cache again then if still not working create a ticket at audentio.com. We'll figure it out

@Mike Creuzer, I tried adding in Shelley's snow images on the navbar and all the code is in the EXTRA.css, but it doesn't seem to work. Do you know why?

Thanks,

Hmm Im not sure. PM me a demo if you can. Make sure you've merged templates if you just upgraded as we moved the location of extra.css.

 

[Jens1986]

Hi

Can someone tell me what settings looks best for mobile? Im talking about the headers/menu/search/user bar area. I want it to be sticky

So many options i cant decide. If someone can tell me what to check/uncheck.

 

[Dad.]

Hi

Can someone tell me what settings looks best for mobile? Im talking about the headers/menu/search/user bar area. I want it to be sticky

So many options i cant decide. If someone can tell me what to check/uncheck.

If you are unsure of best options to select, try looking at some of our other xenforo themes perhaps. That way you don't have to worry about getting things setup. Find the one you like best and never touch it! Unless you want to of course

 

[Andy.N]

@Mike Creuzer
I'm trying to remove the author info, last update, etc on RM page. The below code worked in original Flexile but not in the FlexUI

/* Hide extra info on Resource view */
.secondaryContent .author, .firstRelease, .lastUpdate, .resourceCategory {display: none !important;}
.resourceListItem .main .resourceDetails.muted {display: none !important;}

 

[Dad.]

@Mike Creuzer
I'm trying to remove the author info, last update, etc on RM page. The below code worked in original Flexile but not in the FlexUI

/* Hide extra info on Resource view */
.secondaryContent .author, .firstRelease, .lastUpdate, .resourceCategory {display: none !important;}
.resourceListItem .main .resourceDetails.muted {display: none !important;}

We moved extra.css to page_container to control load order.

Put this in extra.css:

body {background: red !important;}

If that changes your background then extra.css is being loaded. Remove that code. Ill check and see why that code isn't working.

 

[Andy.N]

We moved extra.css to page_container to control load order.

Put this in extra.css:

body {background: red !important;}

If that changes your background then extra.css is being loaded. Remove that code. Ill check and see why that code isn't working.

Spoke too soon. Seems like a caching thing. Restarted cache and the changes took place.

 

[2TonWaffle]

Been having this issue of missing the associated images and names of the bbcode. The code is there and you can click on it but knowing what you're clicking on is hard without seeing what they are.

 

[Jens1986]

Is it possible to remove the title? Alopeci.info text, not the logo

 

[Jens1986]

View attachment 95706

Is it possible to remove the title? Alopeci.info text, not the logo

I have tried to add the following in extra.css:

.widget-container.widget-tabs .secondaryContent {border-top: none !important;}
.forum_list .titleBar {display: none !important;}

Any idea why its not working?

 

[Dad.]

Been having this issue of missing the associated images and names of the bbcode. The code is there and you can click on it but knowing what you're clicking on is hard without seeing what they are.

View attachment 95691

I do not see that on my end. There might be some code conflicting. If you send me a ticket with login credentials Ill see whats causing it.

View attachment 95706

Is it possible to remove the title? Alopeci.info text, not the logo

Yes very possible. We actually have a setting called 'Remove Title from Forum Index' in UI.X Global Settings style property group.

Any idea why its not working?

Try the setting first. If that doesn't work let me know. Your code actually looks correct so I'm not sure why its not working. Could be caching. Could be the lack of the extra.css file for some reason.