UI.X 2

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

No permission to buy ($59.50)
I get this message that I have to update the component for the forum, I use the xf 2.2 version of the forum so do I have to update it too? No, is the new update only for version 2.3 of the form?

IMG_0589.webp
 
It looks like the icons for Warn and Spam are missing
z5Nb4y8fWe.png
 
ThemeHouse updated UI.X 2 with a new update entry:

Version 2.3.0.0.2 Released
Thanks for the updated @willl . For now all known bugs seem to be solved, great job. (y)

People who use The Nodes with custom icon, has to change icon names. (Ex: Forum icon: \f1d8 to @fa-var-paper-plane)
Otherwise, you will have the following error and the home page will not work properly.

For more info, check the previous messages :


 

Attachments

  • Screenshot_3.webp
    Screenshot_3.webp
    72.1 KB · Views: 7
  • Screenshot_2.webp
    Screenshot_2.webp
    21.1 KB · Views: 6
  • Screenshot_1.webp
    Screenshot_1.webp
    60.2 KB · Views: 7
Last edited:
Thanks for the updated @willl . For now all known bugs seem to be solved, great job. (y)

People who use The Nodes with custom icon, has to change icon names. (Ex: Forum icon: \f1d8 to @fa-var-paper-plane)
Otherwise, we will have the following error and the home page will work worked properly.

For more info, check the previous messages :


Thanks! Ran into this same issue just now when upgrading. This fixed it.
 
The shadow on the header navbar doesn't show for me logged in, but it does when I'm logged out.
uVTtM5vQsg.png

Notice the lack of shadow below the navbar above compared to below
7ZcLzFy4s3.png
 
Theme doesn't remember the variation selection. I chose dark mode but after I refresh the page, it shows the light version, though it shows "Dark" as selected.

Don't think it is caused by another plugin or Xenforo itself become there are no problems on Xenforo admin panel and Xenforo default theme. Both of them are working as intended when I chose dark/light mode.

Also getting some errors, don't know what causes them, pasting down below:

Code:
XF\CssRenderException: Error rendering template public:extra.less: ParseError: Unexpected input in public:extra.less on line 58, column 50 (on or near line 58) src/XF/CssRenderException.php:89

55 | @fa-primary-opacity:   1;
 56 | @fa-secondary-opacity: .4;
 57 |
*58*| url('/forum/styles/fa/brands/500px.svg?v=5.15.3'): "\f26e";
 59 | url('/forum/styles/fa/regular/abacus.svg?v=5.15.3'): "\f640";
 60 | url('/forum/styles/fa/brands/accessible-icon.svg?v=5.15.3'): "\f368";
 61 | url('/forum/styles/fa/brands/accusoft.svg?v=5.15.3'): "\f369";
------------

#0 src/XF/CssRenderer.php(435): XF\CssRenderException::createFromLessException(Object(Less_Exception_Chunk), 'public:extra.le...', '// Note that th...')
#1 src/XF/CssRenderer.php(371): XF\CssRenderer->renderToCss('public:extra.le...', '// Note that th...')
#2 src/XF/CssRenderer.php(279): XF\CssRenderer->renderTemplate('public:extra.le...', NULL)
#3 src/addons/ThemeHouse/UIX/XF/CssRenderer.php(40): XF\CssRenderer->renderTemplates(Array, Array, Array)
#4 src/XF/CssRenderer.php(135): ThemeHouse\UIX\XF\CssRenderer->renderTemplates(Array, Array, Array)
#5 src/XF/CssWriter.php(60): XF\CssRenderer->render(Array)
#6 css.php(32): XF\CssWriter->run(Array, 22, 4, '0ac7ec6b6b14cdb...')
#7 {main}

-------------

Previous Less_Exception_Chunk: ParseError: Unexpected input in anonymous-file-8.less on line 58, column 50
56| @fa-secondary-opacity: .4;
57|
58| url('/forum/styles/fa/brands/500px.svg?v=5.15.3'): "\f26e";
59| url('/forum/styles/fa/regular/abacus.svg?v=5.15.3'): "\f640";
60| url('/forum/styles/fa/brands/accessible-icon.svg?v=5.15.3'): "\f368";
61| url('/forum/styles/fa/brands/accusoft.svg?v=5.15.3'): "\f369"; - src/vendor/oyejorge/less.php/lib/Less/Parser.php:625
#0 src/vendor/oyejorge/less.php/lib/Less/Parser.php(572): Less_Parser->GetRules(NULL)
#1 src/vendor/oyejorge/less.php/lib/Less/Parser.php(413): Less_Parser->_parse()
#2 src/XF/CssRenderer.php(431): Less_Parser->parse('// Note that th...')
#3 src/XF/CssRenderer.php(371): XF\CssRenderer->renderToCss('public:extra.le...', '// Note that th...')
#4 src/XF/CssRenderer.php(279): XF\CssRenderer->renderTemplate('public:extra.le...', NULL)
#5 src/addons/ThemeHouse/UIX/XF/CssRenderer.php(40): XF\CssRenderer->renderTemplates(Array, Array, Array)
#6 src/XF/CssRenderer.php(135): ThemeHouse\UIX\XF\CssRenderer->renderTemplates(Array, Array, Array)
#7 src/XF/CssWriter.php(60): XF\CssRenderer->render(Array)
#8 css.php(32): XF\CssWriter->run(Array, 22, 4, '0ac7ec6b6b14cdb...')
#9 {main}


array(4) {
  ["url"] => string(408) "/forum/css.php?css=public%3Abb_code.less%2Cpublic%3Alightbox.less%2Cpublic%3Amessage.less%2Cpublic%3Anotices.less%2Cpublic%3Ashare_controls.less%2Cpublic%3Atactical.less%2Cpublic%3Atactical_light.less%2Cpublic%3Ath_uix_threadStarterPost.less%2Cpublic%3Athxpress_xf.less%2Cpublic%3Auix.less%2Cpublic%3Auix_socialMedia.less%2Cpublic%3Aextra.less&s=22&l=4&d=1699012568&k=0ac7ec6b6b14cdbde49c40c43b8927172b0d880b"
  ["referrer"] => bool(false)
  ["_GET"] => array(5) {
    ["css"] => string(278) "public:bb_code.less,public:lightbox.less,public:message.less,public:notices.less,public:share_controls.less,public:tactical.less,public:tactical_light.less,public:th_uix_threadStarterPost.less,public:thxpress_xf.less,public:uix.less,public:uix_socialMedia.less,public:extra.less"
    ["s"] => string(2) "22"
    ["l"] => string(1) "4"
    ["d"] => string(10) "1699012568"
    ["k"] => string(40) "0ac7ec6b6b14cdbde49c40c43b8927172b0d880b"
  }
  ["_POST"] => array(0) {
  }
}
 
Theme doesn't remember the variation selection. I chose dark mode but after I refresh the page, it shows the light version, though it shows "Dark" as selected.

Don't think it is caused by another plugin or Xenforo itself become there are no problems on Xenforo admin panel and Xenforo default theme. Both of them are working as intended when I chose dark/light mode.

Also getting some errors, don't know what causes them, pasting down below:

Code:
XF\CssRenderException: Error rendering template public:extra.less: ParseError: Unexpected input in public:extra.less on line 58, column 50 (on or near line 58) src/XF/CssRenderException.php:89

55 | @fa-primary-opacity:   1;
 56 | @fa-secondary-opacity: .4;
 57 |
*58*| url('/forum/styles/fa/brands/500px.svg?v=5.15.3'): "\f26e";
 59 | url('/forum/styles/fa/regular/abacus.svg?v=5.15.3'): "\f640";
 60 | url('/forum/styles/fa/brands/accessible-icon.svg?v=5.15.3'): "\f368";
 61 | url('/forum/styles/fa/brands/accusoft.svg?v=5.15.3'): "\f369";
------------

#0 src/XF/CssRenderer.php(435): XF\CssRenderException::createFromLessException(Object(Less_Exception_Chunk), 'public:extra.le...', '// Note that th...')
#1 src/XF/CssRenderer.php(371): XF\CssRenderer->renderToCss('public:extra.le...', '// Note that th...')
#2 src/XF/CssRenderer.php(279): XF\CssRenderer->renderTemplate('public:extra.le...', NULL)
#3 src/addons/ThemeHouse/UIX/XF/CssRenderer.php(40): XF\CssRenderer->renderTemplates(Array, Array, Array)
#4 src/XF/CssRenderer.php(135): ThemeHouse\UIX\XF\CssRenderer->renderTemplates(Array, Array, Array)
#5 src/XF/CssWriter.php(60): XF\CssRenderer->render(Array)
#6 css.php(32): XF\CssWriter->run(Array, 22, 4, '0ac7ec6b6b14cdb...')
#7 {main}

-------------

Previous Less_Exception_Chunk: ParseError: Unexpected input in anonymous-file-8.less on line 58, column 50
56| @fa-secondary-opacity: .4;
57|
58| url('/forum/styles/fa/brands/500px.svg?v=5.15.3'): "\f26e";
59| url('/forum/styles/fa/regular/abacus.svg?v=5.15.3'): "\f640";
60| url('/forum/styles/fa/brands/accessible-icon.svg?v=5.15.3'): "\f368";
61| url('/forum/styles/fa/brands/accusoft.svg?v=5.15.3'): "\f369"; - src/vendor/oyejorge/less.php/lib/Less/Parser.php:625
#0 src/vendor/oyejorge/less.php/lib/Less/Parser.php(572): Less_Parser->GetRules(NULL)
#1 src/vendor/oyejorge/less.php/lib/Less/Parser.php(413): Less_Parser->_parse()
#2 src/XF/CssRenderer.php(431): Less_Parser->parse('// Note that th...')
#3 src/XF/CssRenderer.php(371): XF\CssRenderer->renderToCss('public:extra.le...', '// Note that th...')
#4 src/XF/CssRenderer.php(279): XF\CssRenderer->renderTemplate('public:extra.le...', NULL)
#5 src/addons/ThemeHouse/UIX/XF/CssRenderer.php(40): XF\CssRenderer->renderTemplates(Array, Array, Array)
#6 src/XF/CssRenderer.php(135): ThemeHouse\UIX\XF\CssRenderer->renderTemplates(Array, Array, Array)
#7 src/XF/CssWriter.php(60): XF\CssRenderer->render(Array)
#8 css.php(32): XF\CssWriter->run(Array, 22, 4, '0ac7ec6b6b14cdb...')
#9 {main}


array(4) {
  ["url"] => string(408) "/forum/css.php?css=public%3Abb_code.less%2Cpublic%3Alightbox.less%2Cpublic%3Amessage.less%2Cpublic%3Anotices.less%2Cpublic%3Ashare_controls.less%2Cpublic%3Atactical.less%2Cpublic%3Atactical_light.less%2Cpublic%3Ath_uix_threadStarterPost.less%2Cpublic%3Athxpress_xf.less%2Cpublic%3Auix.less%2Cpublic%3Auix_socialMedia.less%2Cpublic%3Aextra.less&s=22&l=4&d=1699012568&k=0ac7ec6b6b14cdbde49c40c43b8927172b0d880b"
  ["referrer"] => bool(false)
  ["_GET"] => array(5) {
    ["css"] => string(278) "public:bb_code.less,public:lightbox.less,public:message.less,public:notices.less,public:share_controls.less,public:tactical.less,public:tactical_light.less,public:th_uix_threadStarterPost.less,public:thxpress_xf.less,public:uix.less,public:uix_socialMedia.less,public:extra.less"
    ["s"] => string(2) "22"
    ["l"] => string(1) "4"
    ["d"] => string(10) "1699012568"
    ["k"] => string(40) "0ac7ec6b6b14cdbde49c40c43b8927172b0d880b"
  }
  ["_POST"] => array(0) {
  }
}
A small update, now it works. But turns out to be that even if you choose yourself, it does what system says to it. So vice-versa now I can’t switch to light theme.
 
Theme doesn't remember the variation selection. I chose dark mode but after I refresh the page, it shows the light version, though it shows "Dark" as selected.

Don't think it is caused by another plugin or Xenforo itself become there are no problems on Xenforo admin panel and Xenforo default theme. Both of them are working as intended when I chose dark/light mode.

Also getting some errors, don't know what causes them, pasting down below:

Code:
XF\CssRenderException: Error rendering template public:extra.less: ParseError: Unexpected input in public:extra.less on line 58, column 50 (on or near line 58) src/XF/CssRenderException.php:89

55 | @fa-primary-opacity:   1;
 56 | @fa-secondary-opacity: .4;
 57 |
*58*| url('/forum/styles/fa/brands/500px.svg?v=5.15.3'): "\f26e";
 59 | url('/forum/styles/fa/regular/abacus.svg?v=5.15.3'): "\f640";
 60 | url('/forum/styles/fa/brands/accessible-icon.svg?v=5.15.3'): "\f368";
 61 | url('/forum/styles/fa/brands/accusoft.svg?v=5.15.3'): "\f369";
------------

#0 src/XF/CssRenderer.php(435): XF\CssRenderException::createFromLessException(Object(Less_Exception_Chunk), 'public:extra.le...', '// Note that th...')
#1 src/XF/CssRenderer.php(371): XF\CssRenderer->renderToCss('public:extra.le...', '// Note that th...')
#2 src/XF/CssRenderer.php(279): XF\CssRenderer->renderTemplate('public:extra.le...', NULL)
#3 src/addons/ThemeHouse/UIX/XF/CssRenderer.php(40): XF\CssRenderer->renderTemplates(Array, Array, Array)
#4 src/XF/CssRenderer.php(135): ThemeHouse\UIX\XF\CssRenderer->renderTemplates(Array, Array, Array)
#5 src/XF/CssWriter.php(60): XF\CssRenderer->render(Array)
#6 css.php(32): XF\CssWriter->run(Array, 22, 4, '0ac7ec6b6b14cdb...')
#7 {main}

-------------

Previous Less_Exception_Chunk: ParseError: Unexpected input in anonymous-file-8.less on line 58, column 50
56| @fa-secondary-opacity: .4;
57|
58| url('/forum/styles/fa/brands/500px.svg?v=5.15.3'): "\f26e";
59| url('/forum/styles/fa/regular/abacus.svg?v=5.15.3'): "\f640";
60| url('/forum/styles/fa/brands/accessible-icon.svg?v=5.15.3'): "\f368";
61| url('/forum/styles/fa/brands/accusoft.svg?v=5.15.3'): "\f369"; - src/vendor/oyejorge/less.php/lib/Less/Parser.php:625
#0 src/vendor/oyejorge/less.php/lib/Less/Parser.php(572): Less_Parser->GetRules(NULL)
#1 src/vendor/oyejorge/less.php/lib/Less/Parser.php(413): Less_Parser->_parse()
#2 src/XF/CssRenderer.php(431): Less_Parser->parse('// Note that th...')
#3 src/XF/CssRenderer.php(371): XF\CssRenderer->renderToCss('public:extra.le...', '// Note that th...')
#4 src/XF/CssRenderer.php(279): XF\CssRenderer->renderTemplate('public:extra.le...', NULL)
#5 src/addons/ThemeHouse/UIX/XF/CssRenderer.php(40): XF\CssRenderer->renderTemplates(Array, Array, Array)
#6 src/XF/CssRenderer.php(135): ThemeHouse\UIX\XF\CssRenderer->renderTemplates(Array, Array, Array)
#7 src/XF/CssWriter.php(60): XF\CssRenderer->render(Array)
#8 css.php(32): XF\CssWriter->run(Array, 22, 4, '0ac7ec6b6b14cdb...')
#9 {main}


array(4) {
  ["url"] => string(408) "/forum/css.php?css=public%3Abb_code.less%2Cpublic%3Alightbox.less%2Cpublic%3Amessage.less%2Cpublic%3Anotices.less%2Cpublic%3Ashare_controls.less%2Cpublic%3Atactical.less%2Cpublic%3Atactical_light.less%2Cpublic%3Ath_uix_threadStarterPost.less%2Cpublic%3Athxpress_xf.less%2Cpublic%3Auix.less%2Cpublic%3Auix_socialMedia.less%2Cpublic%3Aextra.less&s=22&l=4&d=1699012568&k=0ac7ec6b6b14cdbde49c40c43b8927172b0d880b"
  ["referrer"] => bool(false)
  ["_GET"] => array(5) {
    ["css"] => string(278) "public:bb_code.less,public:lightbox.less,public:message.less,public:notices.less,public:share_controls.less,public:tactical.less,public:tactical_light.less,public:th_uix_threadStarterPost.less,public:thxpress_xf.less,public:uix.less,public:uix_socialMedia.less,public:extra.less"
    ["s"] => string(2) "22"
    ["l"] => string(1) "4"
    ["d"] => string(10) "1699012568"
    ["k"] => string(40) "0ac7ec6b6b14cdbde49c40c43b8927172b0d880b"
  }
  ["_POST"] => array(0) {
  }
}

We aren't actually supporting XF's variations system yet with our styles, due to some bugs that still exist within it that many of our styles rely on. We have a version of UIX in testing that is built with variations, but until XF releases an update that fixes most of the bugs we've encountered (mostly with color functions) we'll be holding off.
 
I cannot seem to get my node icons to work by adding this to my extra.less, though it does work with older templates. Any ideas to make this happen, even if there's a better way through the style properties?

CSS:
/*** Node icons with image **/
.node.node--id16 {
    svg { display: none; }
   .node-subNodeMenu svg {display: initial;}

    &.node--forum {
        .node-body {
            padding-left: 5px;
        }
        .node-icon {
            background-image: url('/styles/forumimages/arkham64.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
        &.node--read .node-icon {
            opacity: 0.4;
        }
    }
}
/*****/
 
Thank you, ThemeHouse, for UI.X 2 update to 2.3.0.

I experience some strange behavior with node icons.

When I 'Enable node icons' in [TH] Nodes style properties
Screen Shot 2024-07-28 at 7.42.52 PM.webp

and I really have the icon defined for this node
Screen Shot 2024-07-28 at 7.43.15 PM.webp

but I see no icon against this forum node though inspection of the place show the icon name:
Screen Shot 2024-07-28 at 7.47.16 PM.webp

This worked in 2.2 perfect for ages.
 
This issue is fixed. I hope it will also work for you. Please Look at the following post.
Thanx for help, I've seen your post before I've posted mine, but we have different cases.
You set icon for ALL nodes while I try to set icon for exact node by means of [TH] Nodes.

In my case none of below works:
fa-var-car
@fa-var-car
fa-car
@fa-car

Worked prior 2.3
mdi-car

This is where I set icons for each node:
Screen Shot 2024-07-29 at 2.05.19 PM.webp

This is where you do (and here works for me, but I like different icons for different nodes):
Screen Shot 2024-07-29 at 2.06.55 PM.webp
 
I cannot seem to get my node icons to work by adding this to my extra.less, though it does work with older templates. Any ideas to make this happen, even if there's a better way through the style properties?

CSS:
/*** Node icons with image **/
.node.node--id16 {
    svg { display: none; }
   .node-subNodeMenu svg {display: initial;}

    &.node--forum {
        .node-body {
            padding-left: 5px;
        }
        .node-icon {
            background-image: url('/styles/forumimages/arkham64.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
        &.node--read .node-icon {
            opacity: 0.4;
        }
    }
}
/*****/

I'd actually suggest setting .node-icon i to have the background image. If you shoot me a link to your board I can take a look.

I think the category icons are missing, even on the parent style they are not there. How to add them?

View attachment 307372
This is a known issue currently; we've got a fix ready for the next update, though!

Thanx for help, I've seen your post before I've posted mine, but we have different cases.
You set icon for ALL nodes while I try to set icon for exact node by means of [TH] Nodes.

In my case none of below works:
fa-var-car
@fa-var-car
fa-car
@fa-car

Worked prior 2.3
mdi-car

This is where I set icons for each node:
View attachment 307438

This is where you do (and here works for me, but I like different icons for different nodes):
View attachment 307439

You won't use the @fa-var-car inside the node icon class in TH Nodes for individual nodes; There you'd have to use a different implementation (creating some custom CSS in a special class using .m-faBase(); and .m-faContent('') to add your icon that way).
 
Back
Top Bottom