UI.X 2

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

No permission to buy ($59.50)
Sure, here is the link and it shows how I currently have the icons displayed. The UI.X styles are Tech Boards Dark and Tech Boards Light. Thanks!
2 things:

First, it looks like you need to upload the style files; All the JS files are erroring out.

Second, I'm not actually seeing a node with ID 16 in the forum list, so the CSS you shared earlier isn't actually going to show on anything :)
 
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).
Thank you! Did a little search here on forum and that works:
Code:
.node .node-icon i.fa-handshake
{                             
    &:before
    {
        .m-faBase();
        .m-faContent(@fa-var-handshake);
    }             
}
 
2 things:

First, it looks like you need to upload the style files; All the JS files are erroring out.
Okay, I "think" I have the updated js files uploaded.

Second, I'm not actually seeing a node with ID 16 in the forum list, so the CSS you shared earlier isn't actually going to show on anything :)
Sorry about that, that forum has custom permissions and is hidden. Let's try this on instead (technology):
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;
        }
    }
}
/*****/
 
Okay, I "think" I have the updated js files uploaded.


Sorry about that, that forum has custom permissions and is hidden. Let's try this on instead (technology):
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;
        }
    }
}
/*****/

That CSS should be fine - not seeing anything wrong with it.. And I tried changing the class for one of the nodes to use the --id16, but it's still not applying; Do you have that custom CSS put in extra.less or some template that's being included, or are you just wanting confirmation that it's going to work?

Also, JS is uploaded. It does appear once of your addons is relying on jQuery and most likely will need to be updated, however.
 
That CSS should be fine - not seeing anything wrong with it.. And I tried changing the class for one of the nodes to use the --id16, but it's still not applying; Do you have that custom CSS put in extra.less or some template that's being included, or are you just wanting confirmation that it's going to work?

Also, JS is uploaded. It does appear once of your addons is relying on jQuery and most likely will need to be updated, however.
Yes, I put that into my extra.less and it does apply the icons as desired, which you can see on the default template, but when I use UI.X (both light and dark) it's as if extra.less is being ignored for some reason. BTW thank you for your time, your support here is great.
 
Yes, I put that into my extra.less and it does apply the icons as desired, which you can see on the default template, but when I use UI.X (both light and dark) it's as if extra.less is being ignored for some reason. BTW thank you for your time, your support here is great.

Just to be 100% sure: You put the CSS in extra.less for the customized child-style for UIX, correct? There is no reason it shouldn't be applying there assuming you put it in the extra.less template for the UIX based style.
 
Just to be 100% sure: You put the CSS in extra.less for the customized child-style for UIX, correct? There is no reason it shouldn't be applying there assuming you put it in the extra.less template for the UIX based style.
Okay, a deeper dive did show that it wasn't applying and it had to be something in the code. I started with a blank slate and it does indeed work, definitely something I did, sorry to waste your time and thanks for your help.
 
One more question, for the life of me I can't find the setting to change this link color on hover, it's in the side blocks (latest posts, etc).

Greenshot 2024-07-30 15.49.50.webp
 
We recently decided to bring back a forum for our business, we upgraded from XF 2.2 to 2.3 final and are facing server errors.

We run PHP 8.3.

We have tested with all plugins disabled, we have deleted the plugins/reinstalled along with the themes. Any idea what the cause may be? Thank you.

InvalidArgumentException: Macro public:PAGE_CONTAINER :: canvasNavPanel() error: No widget defined with a widget_key of canvas_menu src/XF/SubContainer/Widget.php:85

Generated by: WD Jul 31, 2024 at 9:42 AM

Stack trace

#0 src/XF/Container.php(233): XF\SubContainer\Widget->XF\SubContainer\{closure}('canvas_menu', Array, Object(XF\Container))
#1 src/XF/SubContainer/Widget.php(150): XF\Container->create('widget', 'canvas_menu', Array)
#2 src/XF/Template/Templater.php(2170): XF\SubContainer\Widget->widget('canvas_menu', Array)
#3 internal_data/code_cache/templates/l1/s44/public/PAGE_CONTAINER.php(625): XF\Template\Templater->renderWidget('canvas_menu', Array, Array)
#4 src/XF/Template/Templater.php(922): XF\Template\Templater->{closure}(Object(ThemeHouse\UIX\XF\Template\Templater), Array, NULL)
#5 internal_data/code_cache/templates/l1/s44/public/uix_canvasPanels.php(11): XF\Template\Templater->callMacro('PAGE_CONTAINER', 'canvasNavPanel', Array, Array)
#6 src/XF/Template/Templater.php(1792): XF\Template\Templater->{closure}(Object(ThemeHouse\UIX\XF\Template\Templater), Array, NULL)
#7 src/XF/Template/Templater.php(1866): XF\Template\Templater->renderTemplate('uix_canvasPanel...', Array)
#8 internal_data/code_cache/templates/l1/s44/public/PAGE_CONTAINER.php(3183): XF\Template\Templater->includeTemplate('public:uix_canv...', Array)
#9 src/XF/Template/Templater.php(1792): XF\Template\Templater->{closure}(Object(ThemeHouse\UIX\XF\Template\Templater), Array, NULL)
#10 src/XF/Pub/App.php(611): XF\Template\Templater->renderTemplate('PAGE_CONTAINER', Array)
#11 src/XF/App.php(2552): XF\Pub\App->renderPageHtml('


...', Array, Object(XF\Mvc\Reply\View), Object(XF\Mvc\Renderer\Html))
#12 src/XF/Mvc/Dispatcher.php(414): XF\App->renderPage('


...', Object(XF\Mvc\Reply\View), Object(XF\Mvc\Renderer\Html))
#13 src/XF/Mvc/Dispatcher.php(66): XF\Mvc\Dispatcher->render(Object(XF\Mvc\Reply\View), 'html')
#14 src/XF/App.php(2777): XF\Mvc\Dispatcher->run()
#15 src/XF.php(798): XF\App->run()
#16 index.php(23): XF::runApp('XF\\Pub\\App')
#17 {main}
 
One more question, for the life of me I can't find the setting to change this link color on hover, it's in the side blocks (latest posts, etc).

View attachment 307563
That widget uses the default color styling for links, so you'll want to update your link hover color under Appearance -> Style Properties -> Basic Colors, in the Links section.

We recently decided to bring back a forum for our business, we upgraded from XF 2.2 to 2.3 final and are facing server errors.

We run PHP 8.3.

We have tested with all plugins disabled, we have deleted the plugins/reinstalled along with the themes. Any idea what the cause may be? Thank you.
Looks like you're trying to call a widget directly inside the page_container template that doesn't exist; I'd search page_container for canvas_menu. you should see an xf:widget tag calling it, so you'll either want to remove that widget call in the template, or make sure to add the widget in Appearance -> Widgets (making sure the widget ID is canvas_menu).
 
That widget uses the default color styling for links, so you'll want to update your link hover color under Appearance -> Style Properties -> Basic Colors, in the Links section.
It's being ignored under Basic Colors, I've also tried with an empty Extra.less to confirm I have nothing else overriding it. It's a child template so I also tried changing it at the parent level. I would be happy even if I could hard code it but can't seem to find the relevant CSS.
 
It's being ignored under Basic Colors, I've also tried with an empty Extra.less to confirm I have nothing else overriding it. It's a child template so I also tried changing it at the parent level. I would be happy even if I could hard code it but can't seem to find the relevant CSS.

Could you go here and start a ticket? We'll want access to your board in order to troubleshoot further (you can send credentials via https://onetimesecret.com)
 

Getting thousands of these errors after the upgrade:

Screen Shot 2024-07-31 at 3.23.38 PM.webp

I AM using CloudFlare but Rocket Loader is disabled.

These errors never were there until upgrading to UI.X 2.3.1.0.0

Here is the stack trace:

Code:
Stack trace
#0 [internal function]: XF\Template\Templater->handleTemplateError(512, '[E_USER_WARNING...', '/home/tjforum/p...', 1278)
#1 src/XF/Template/Templater.php(1278): trigger_error('Method isRocket...', 512)
#2 internal_data/code_cache/templates/l1/s25/public/helper_js_global.php(150): XF\Template\Templater->method(Object(XF\Http\Request), 'isRocketLoaderD...', Array)
#3 src/XF/Template/Templater.php(922): XF\Template\Templater->{closure}(Object(ThemeHouse\UIX\XF\Template\Templater), Array, NULL)
#4 internal_data/code_cache/templates/l1/s25/public/PAGE_CONTAINER.php(3646): XF\Template\Templater->callMacro('helper_js_globa...', 'body', Array, Array)
#5 src/XF/Template/Templater.php(1792): XF\Template\Templater->{closure}(Object(ThemeHouse\UIX\XF\Template\Templater), Array, NULL)
#6 src/XF/Pub/App.php(611): XF\Template\Templater->renderTemplate('PAGE_CONTAINER', Array)
#7 src/XF/App.php(2552): XF\Pub\App->renderPageHtml('
   





   



    <...', Array, Object(XF\Mvc\Reply\View), Object(XF\Mvc\Renderer\Html))
#8 src/XF/Mvc/Dispatcher.php(414): XF\App->renderPage('
   





   



    <...', Object(XF\Mvc\Reply\View), Object(XF\Mvc\Renderer\Html))
#9 src/XF/Mvc/Dispatcher.php(66): XF\Mvc\Dispatcher->render(Object(XF\Mvc\Reply\View), 'html')
#10 src/XF/App.php(2777): XF\Mvc\Dispatcher->run()
#11 src/XF.php(798): XF\App->run()
#12 index.php(23): XF::runApp('XF\\Pub\\App')
#13 {main}
 
Last edited:
Damn, I had to switch back to the previous UI.X version for now. That was just thousands and thousands of errors non-stop.
You seem to still be on XF 2.3.0. The function that's erroring there was added in 2.3.2. The theme update was for compatibility so is only for the latest version, you only need to update the theme if you've updated to 2.3.2.
 
You seem to still be on XF 2.3.0. The function that's erroring there was added in 2.3.2. The theme update was for compatibility so is only for the latest version, you only need to update the theme if you've updated to 2.3.2.

Of course. I didn't even see XF released a new version. It's always the most obvious answer :LOL:
 
Back
Top Bottom