UI.X 2

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

No permission to buy ($59.50)
We've noticed a (minor) issue with 2.3.5 of UI.X 2 - in direct messages (conversations), users can no longer choose from the multiple reactions that are available elsewhere on the forum. The two-step "Like" option is available (click "Like", then confirm you want to apply reaction), but the pop-up to choose from multiple reactions does not work. However it works normally in all forums/nodes and XFMG.

With XF default theme, it works fine. Only with a UI.X 2 theme does this glitch appear.
 
We've noticed a (minor) issue with 2.3.5 of UI.X 2 - in direct messages (conversations), users can no longer choose from the multiple reactions that are available elsewhere on the forum. The two-step "Like" option is available (click "Like", then confirm you want to apply reaction), but the pop-up to choose from multiple reactions does not work. However it works normally in all forums/nodes and XFMG.

With XF default theme, it works fine. Only with a UI.X 2 theme does this glitch appear.

Interesting; I just tested it locally and it appeared to work fine. I also tested with mobile; I will note that you'll want to do a tap & hold to get the modal to come up in this context, since otherwise it relies on hover to trigger.
 
Interesting; I just tested it locally and it appeared to work fine. I also tested with mobile; I will note that you'll want to do a tap & hold to get the modal to come up in this context, since otherwise it relies on hover to trigger.

Not for us. Within private conversations, hover (desktop) and tap/hold (mobile) triggered nothing.

I think we've found the issue, though, so I'm posting this for anyone who may encounter the same issue.

We had an old version (2.7.6) of Xon's Conversation Essentials running, even though it's clearly not the correct version of that add-on for the latest version of XF that we are running. Our mistake. As soon as we disabled that add-on, reaction behavior within direct messages returned to the expected behavior. I'm confident once we update that add-on, it will work normally in all themes. If not, I'll post a follow-up.
 
Variations doesn't seem to be working. Every time I select "Light" and refresh the page, it goes back to Dark. What am I doing wrong?
 
Hi

It's easier to show with images.
 

Attachments

  • Screen Shot 2025-03-20 at 7.05.53 PM.webp
    Screen Shot 2025-03-20 at 7.05.53 PM.webp
    25.1 KB · Views: 17
  • Screen Shot 2025-03-20 at 7.06.02 PM.webp
    Screen Shot 2025-03-20 at 7.06.02 PM.webp
    28.3 KB · Views: 16
  • Screen Shot 2025-03-20 at 7.06.21 PM.webp
    Screen Shot 2025-03-20 at 7.06.21 PM.webp
    26.6 KB · Views: 15
  • Screen Shot 2025-03-20 at 7.06.35 PM.webp
    Screen Shot 2025-03-20 at 7.06.35 PM.webp
    29.2 KB · Views: 17
First off - With the beta Variations style you don't need to make it a child style; it can actually be set as it's own independent style.

Second, if you disable variations on your child of the variations style, you're basically negating the whole variations system and creating extra potential for problems (given that the variations version of UI.X is in beta). If you don't want to actually use variations, then don't use the Variations version of the style, and just create a child style of your regular UI.X style.

If you want the light style to be the default but still allow for the light/dark variations system, then you shouldn't need to change anything in your child style; the default for Variations has light set as the "default" style.

1742559772184.webp

Now, if you mean you want it to automatically force everybody to use the light style regardless of their system/browser configuration settings, that's something you'd need to take up with XF's variations system itself; as it stands XF's variations system doesn't allow for disabling the auto-detect-by-default. In this situation you'll want to again skip the variations style and just use a regular non-variations style for light, and then create a child style of that to work as a dark version of the style, allowing users to select it using the style selector rather than the variations selector.
 
First off - With the beta Variations style you don't need to make it a child style; it can actually be set as it's own independent style.

Second, if you disable variations on your child of the variations style, you're basically negating the whole variations system and creating extra potential for problems (given that the variations version of UI.X is in beta). If you don't want to actually use variations, then don't use the Variations version of the style, and just create a child style of your regular UI.X style.

If you want the light style to be the default but still allow for the light/dark variations system, then you shouldn't need to change anything in your child style; the default for Variations has light set as the "default" style.

View attachment 320500

Now, if you mean you want it to automatically force everybody to use the light style regardless of their system/browser configuration settings, that's something you'd need to take up with XF's variations system itself; as it stands XF's variations system doesn't allow for disabling the auto-detect-by-default. In this situation you'll want to again skip the variations style and just use a regular non-variations style for light, and then create a child style of that to work as a dark version of the style, allowing users to select it using the style selector rather than the variations selector.
Hi Will,
I didn't realize Variations was in beta. Good to know!

I turned off Dark because when I set my colors for light some of the links in Dark looked awful. I haven't tracked down the setting for it yet.

The big problem is though that the dark / or light doesn't hold between screen refreshes.

When I get a chance I'm going to try Materials again. I just couldn't get my logos to work for desktop or mobile.

Thanks,
Peter
 

Attachments

  • Screen Shot 2025-03-21 at 10.36.00 AM.webp
    Screen Shot 2025-03-21 at 10.36.00 AM.webp
    27.1 KB · Views: 3
I turned off Dark because when I set my colors for light some of the links in Dark looked awful. I haven't tracked down the setting for it yet.
When you're editing a style with variations, are you able to set the alternate variants for the accent colors like the ones noted in this screenshot?

1742570223753.webp

By default those link colors should pull from these in most of our styles; If you use a dark red, for example, in the Accent 3 color, then the active nav item will have that color (since it's pulled from @xf-uix_secondaryColor, which is pulled from Accent 3).

The big problem is though that the dark / or light doesn't hold between screen refreshes.

This sounds like a larger issue not related to the theme; XF should be storing cookies on that. Do you have the same issue when testing with the default XF style with variations?

When I get a chance I'm going to try Materials again. I just couldn't get my logos to work for desktop or mobile.
Just note that - as of right now - the Material child style has minimal additional tweaks (and isn't supported for use with Variations). A future release may re-enable material icons for it, but overall I'd still recommend sticking with FA icons as XF's implementation of FA is extremely good for performance, while the material icon implementation we have available currently still relies on a font file rather than the SVGs FA uses.
 
When you're editing a style with variations, are you able to set the alternate variants for the accent colors like the ones noted in this screenshot?

View attachment 320510

By default those link colors should pull from these in most of our styles; If you use a dark red, for example, in the Accent 3 color, then the active nav item will have that color (since it's pulled from @xf-uix_secondaryColor, which is pulled from Accent 3).



This sounds like a larger issue not related to the theme; XF should be storing cookies on that. Do you have the same issue when testing with the default XF style with variations?


Just note that - as of right now - the Material child style has minimal additional tweaks (and isn't supported for use with Variations). A future release may re-enable material icons for it, but overall I'd still recommend sticking with FA icons as XF's implementation of FA is extremely good for performance, while the material icon implementation we have available currently still relies on a font file rather than the SVGs FA uses.
Hi Will,

Xenforo default holds the style variation.

I have been able to correct all the link colors except for the menu. The dark retains the dark red and I haven't found the setting for it. It does not to be set from within Basic colors.
 

Attachments

  • Screen Shot 2025-03-21 at 11.25.15 AM.webp
    Screen Shot 2025-03-21 at 11.25.15 AM.webp
    11.4 KB · Views: 1
  • Screen Shot 2025-03-21 at 11.25.35 AM.webp
    Screen Shot 2025-03-21 at 11.25.35 AM.webp
    16.4 KB · Views: 6
Hi Will,

Xenforo default holds the style variation.

I have been able to correct all the link colors except for the menu. The dark retains the dark red and I haven't found the setting for it. It does not to be set from within Basic colors.

Sounds like there may be some larger issue at play then; Would you mind creating a ticket so we can investigate further? Just click "Create a Ticket" here: https://www.themehouse.com/contact/support
 
Back
Top Bottom