UI.X 1.5.22.0

[TJA]

I made my screen look just like yours and it didn't work.

Untick the top box

 

[yoyoyo]

Oh, you're right. I read that wrong, I thought he was having issues getting them to show period. @Mike Edge you'll need to use some custom CSS to get this to display properly. Though, neither XenForo or UI.X were designed for this to work, so you may need to make quite a few changes for it to behave properly. Not really something covered by our support though, unfortunately. Try this though:

.Responsive.Touch .node .nodeDescriptionTooltip,
.Responsive .node .nodeDescription {
display: block !important;
}

Jake

Hi Jake,

Can you please tell me what I need to change? Where do I drop your code? Thank you very much!

 

[Irishkop]

Options, Style properties, Sidebar, Miscellaneous, Width

This does not seem to be working for me, its currently set to 1.28571429em. I have changed this up to 20 and not seen the sidebar move at all. I am trying to fit in a 300x250 banner so not sure what size I need to make it.

 

[GCronk]

Has anyone seen this happening on their site with UI.X and if so do they have an idea on a fix?

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

 

[ichpen]

Has anyone seen this happening on their site with UI.X and if so do they have an idea on a fix?

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

Yep, I have seen it on UIX REKT. Weirdest thing, it's a js script event that keeps firing over and over again.

Check your console and see if you see a bunch of these: XenForo.activate events

I think it's the navigation menu hider if you have too many navitems that overflow.

 

[Ryan Nielson]

I got an error when using javascript domain sharding.

This is my Xenforo setting:

config['javaScriptUrl'] = 'http://static-stratics.com/js';

This is the error:

XMLHttpRequest cannot load http://static-stratics.com/js/audentio/ad_styler/2.1/styles/quark/default.si. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://stratics.com' is therefore not allowed access.

 

[seabeds]

I am not sure whether this is due to UI.X or Xenforo itself but banners that I have for user groups seem to lack in shading and detail.

 

[tajhay]

I am not sure whether this is due to UI.X or Xenforo itself but banners that I have for user groups seem to lack in shading and detail.

A screenshot would help if you are requesting assistance. Without it, people will not be able to help.

 

[seabeds]

A screenshot would help if you are requesting assistance. Without it, people will not be able to help.

There's no real shade. Not sure if it's just me.

 

[thomas1]

There's no real shade. Not sure if it's just me.

That's by design. UI.X is bare of all gradients.

 

[seabeds]

That's by design. UI.X is bare of all gradients.

So there isn't really anything i can do?

 

[thomas1]

So there isn't really anything i can do?

This and the following posts might be of help.

 

[tommydamic68]

So there isn't really anything i can do?

You can add some CSS to your liking.

 

[Martok]

There's no real shade. Not sure if it's just me.

I have added the gradients back in.

In the ACP, edit the template called user_banner.css

Find (should be the second line):

background: transparent url('{xen:property imagePath}/xenforo/gradients/form-button-white-25px.png') repeat-x top;

Replace with:

background: transparent url('/styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top;

In uix_message.css

Find:

.userBanner {
    background-image: none;
    padding-top: 4px;
    padding-bottom: 4px;
    box-shadow: none;

Remove:

background-image: none;

For the staff banner, you may also want to change this:
uix.css

Find:

.userBanner.bannerStaff {background: @uix_tertiaryColor; color: #FFF; border-color: transparent;}

Replace with:

.userBanner.bannerStaff {background-color: @uix_tertiaryColor; color: #FFF; border-color: transparent;}

If you also want gradients for thread prefixes, go to Style Properties > General > Title Prefix

In the background image box, add /styles/default/xenforo/gradients/form-button-white-25px.png and set to Repeat-X and top. I also tweaked some of the padding and radius, as shown in the screenshot (plus I made the same changes to padding only to Title Prefix, Hover State).

 

[Jake B.]

I got an error when using javascript domain sharding.

This is my Xenforo setting:

config['javaScriptUrl'] = 'http://static-stratics.com/js';

This is the error:

XMLHttpRequest cannot load http://static-stratics.com/js/audentio/ad_styler/2.1/styles/quark/default.si. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://stratics.com' is therefore not allowed access.

You need to configure CORS on your cdn to allow resource sharing.

Jake

 

[seabeds]

<info here>

Thanks! Works perfect. Is there a way i can change how much of a gradient effect it has?

 

[Martok]

Thanks! Works perfect. Is there a way i can change how much of a gradient effect it has?

You'd have to create a replacement gradient png file for that. You'd also have to place it somewhere else in your installation and change all of the pathing to point to it to avoid it being overwritten when you upgrade either XenForo or UI.X.

 

[TJA]

Thanks! Works perfect. Is there a way i can change how much of a gradient effect it has?

Instead of using the gradient png, you could add the following line into the CSS, adjust percentages to suit...

background: linear-gradient(to bottom, #XXXXXX 5%, #XXXXXX 100%);

 

[Martok]

Instead of using the gradient png, you could add the following line into the CSS, adjust percentages to suit...

background: linear-gradient(to bottom, #XXXXXX 5%, #XXXXXX 100%);

Though you do need to bear in mind that it won't work in older browsers and possibly some mobile browsers too.

http://www.w3schools.com/css/css3_gradients.asp

 

[seabeds]

What would be the best way of bringing all style property changes made in UI.X to UI.X Dark?