UI.X 2

UI.X 2 [Paid] 2025-03-05

No permission to buy ($59.50)
Overview FAQ Updates (70) Reviews (57) History Discussion
PumpinIron said:
I got it all sorted out. You need to upgrade the UI.X 2 style itself as well, not just the UI.X add-on. It will get rid of all the outdated templates (it did for me).
Click to expand...
To upgrade the style itself what do I do then?

Write over the style?

1601862137966.webp
 
Oh I am getting somewhere - :) thanks for this - ill keep stumbling through and see if I can get this going!
 
Figured out my issue with the icons not showing on one of my themes.

It has to do with the ThemeHouse Style Switch add-on that is causing this issue. When it's enabled, the icons don't show up on the light theme. However, they DO show up on the dark theme. Once disabled, everything works as it should.

As I said a few posts above, ThemeHouse obviously rolled this update out without testing it thoroughly with their other add-ons.

I can already confirm for sure that their Ignore More, Style Switch, and a few other add-ons need to be updated.

I've disabled them in the meantime, but at least I've figured it out (y)
 
@PumpinIron Yah it did help - thank you. I may have done some things brute force but I have only a few errors now - nodes not quite working properly there are things I hope can get resolved with TH help tomorrow. The forum is up for the most part. Thanks again for the help!
 
DaiAku said:
@PumpinIron Yah it did help - thank you. I may have done some things brute force but I have only a few errors now - nodes not quite working properly there are things I hope can get resolved with TH help tomorrow. The forum is up for the most part. Thanks again for the help!
Click to expand...

No problem at all, happy that could help you, as that did the trick for most of my stuff.

Now I need to figure how how I can change the node icons with this latest release, as @ThemeHouse seems to have gotten rid of that functionality that existed on the previous version.

Codes like @xf-uix_icon_forum no longer work.
 
MattForo said:
And you updated the add-on and then ran the update on the theme in ACP - Appearance - ThemeHouse Styles ?
Click to expand...

MattForo said:
Did you not backup before updating? The order I did my updates was: Xenforo core, all add-ons including UI.X add-on then upgraded the style. I'm running the TH wordpress bridge, nodes etc

I'm sure if you open a ticket TH will sort it
Click to expand...

DaiAku said:
We run auto backups every night (on an AWS instance), so yes. I can rollback tomorrow if I have to but want to get this out of the way - our community is hanging on discord for now. We also have WP bridge (although we disabled it because we ended up customizing do some of the code ourselves ), nodes, etc. They all seem fine - it is just the UX that is a problem.

I upgraded in the right order. Ticket and emails in at TH last night but it is weekend (unfortunately, the only time I had to run the upgrade).

Edit: - TH people are great and I am sure they will help me out tomorrow. I was just hoping to get this done today.
Click to expand...

PumpinIron said:
Same order I updated my site as well.

I am using a lot of other TH add-ons which looks like they haven’t been brought up to date to work with 2.2. That might have something to do with it.
Click to expand...

Glad you both got it sorted in the end however, I think you need to speak to TH for support before throwing out accusations about removing functionality etc. Yes there does appear to be an icons bug with UI.X but it looks like user error for the most part.

For custom node icons: ACP > Forums > Node layout and styling > click on the node you wish to edit.

Click the section that literally says 'node icons' and add tick the box next to the icons you wish to edit. Now add the class for your icon. If using font awesome and example of that would be fab fa-adversal
 
Icons
For everyone still experiencing any issues with icons, Material Icons did a very large update to their icon font awhile back that was never included until now because it was a large undertaking to merge in. However, the issue that you are having is simply due to caching (both on your server as well as on your local machine). Your CSS for these icons has been updated, but your site is still using the old outdated files. Make sure to hard refresh to remove any local caching, and if your server s configured to cache font files, you will need to empty that as well. If you use Cloudflare or anything similar, again, clear that cache so that new files are being used.

Note: This will also potentially be true of any JS files that may be server cached as well. It is always a good idea to empty your cache after updating a bunch of files from XF upgrades and theme upgrades

Outdated Templates
XenForo 2.2 was a very large update, and your themes as well as the UI.X add-on will need to be updated to versions that are compatible. This goes for likely any theme you use, and most add-ons from any developer. To upgrade your theme properly, you can follow our documentation here.
 
Ah, Ian just posted. Themehouse has connected with me first thing this morning already - their support is top-notch. I think most of the issues are with myself, I tend to only look at these things once 1 year when an update is necessary, and mess everything up :).
 
PumpinIron said:
No problem at all, happy that could help you, as that did the trick for most of my stuff.

Now I need to figure how how I can change the node icons with this latest release, as @ThemeHouse seems to have gotten rid of that functionality that existed on the previous version.

Codes like @xf-uix_icon_forum no longer work.
Click to expand...

We've completely re-vamped the way we are handling icons so using those codes with unfortuntely no longer work. We decided that using both FontAwesome and Material Icons was too much of a performance hit than we were happy with. Now instead of using both, we are overwriting the default Font Awesome mixins/variables and CSS to use Material Icons instead (if your icon font is set to it). This had the benefits of: 1. Allowing us to remove 600kb of Font Awesome and making a huge performance boost, 2. Giving us significantly better coverage than we ever had before (material icons are used everywhere now), and 3. become substantially cleaner to use, easier to upgrade, and easier to maintain.

Apologies for the extra work on your end updating to the newer version, but I promise it was a decision we spent a lot of time considering and implementing, and it will be well worth it :)
 
Ian Hitt said:
We've completely re-vamped the way we are handling icons so using those codes with unfortuntely no longer work. We decided that using both FontAwesome and Material Icons was too much of a performance hit than we were happy with. Now instead of using both, we are overwriting the default Font Awesome mixins/variables and CSS to use Material Icons instead (if your icon font is set to it). This had the benefits of: 1. Allowing us to remove 600kb of Font Awesome and making a huge performance boost, 2. Giving us significantly better coverage than we ever had before (material icons are used everywhere now), and 3. become substantially cleaner to use, easier to upgrade, and easier to maintain.

Apologies for the extra work on your end updating to the newer version, but I promise it was a decision we spent a lot of time considering and implementing, and it will be well worth it :)
Click to expand...

Is there a way to change our icons in specific places for other material icons? For instance, on the forum home nodes, I would like to swap out that icon for something slightly different. A material icon of course, but a different one.

For instance, in this screenshot below (this was before upgrading to the latest version of UI.X) I had a icon in the category strip (which has now disappeared with the update so there is no icon there), and I would like to change the icons next to the nodes to something more like this.

Screen Shot 2020-10-05 at 7.07.36 AM.webp

I have managed to figure everything out, at this point the only issues I am having are compatibilities with other TH add-ons, but that’s it.
 
Last edited:
PumpinIron said:
Is there a way to change our icons in specific places for other material icons? For instance, on the forum home nodes, I would like to swap out that icon for something slightly different. A material icon of course, but a different one.

For instance, in this screenshot below (this was before upgrading to the latest version of UI.X) I had a icon in the category strip (which has now disappeared with the update so there is no icon there), and I would like to change the icons next to the nodes to something more like this.

View attachment 236728

I have managed to figure everything out, at this point the only issues I am having are compatibilities with other TH add-ons, but that’s it.
Click to expand...

You can still change this in Style Properties > Node Icons. You will need to use the icon code instead of the style properties we had as before. You can see the new cheatsheet here: https://cdn.materialdesignicons.com/5.5.55/
 
You must log in or register to reply here.

Similar threads

Painbaker
[XB] User Group Member Count [Paid]
Replies
0
Views
15
Painbaker
Painbaker
CedricV
Agora [Paid]
Replies
0
Views
65
CedricV
CedricV
Painbaker
[XB] Url Title Romanization Intl Disabler [Paid]
Replies
0
Views
14
Painbaker
Painbaker
CJ_
[2.2.x] Staff Replies (private posts) [Paid]
Replies
0
Views
31
CJ_
CJ_
V
[XenCustomize] Thread Prefix Filter [Paid]
Replies
4
Views
48
Veer
V
Back
Top Bottom