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

[rike-online]

First of all, thank you for your support.

I found the code at line ~950.
Still one question: Do I have to replace the 2nd code with the 1st code or do I have to add the 1st code?

 

[Deleted member 184953]

Find this:

.message-responseRow
{
    margin-top: ( * -1);

Replace by this:

.message-responseRow
{
    margin-top: (@xf-minorBlockContent--border-width * -1);

Give it a try and see...

 

[Deleted member 184953]

@rike-online sorry, what did you found in your template ?

This?

margin-top: (@xf-minorBlockContent--border-width * -1);

Or this?

margin-top: ( * -1);

Maybe I just wasted your time...
The error could come from elsewhere. You posted in the right place... the TH team will be able to help you better.

 

[willl]

First of all, thank you for your support.

I found the code at line ~950.
Still one question: Do I have to replace the 2nd code with the 1st code or do I have to add the 1st code?

You shouldn't need to actually touch the template here; Instead, there is a missing value in your style properties.

First, what is the value of the border width for "Minor internal block content" under Appearance -> Style Properties -> Blocks?

Next, if that value is a variable, it's probably @xf-borderSize - that's the default value - so you'll want to check to see what your value is for "Border size" under Appearance -> Style Properties -> Borders and spacing.

If that value is blank, you should instead set it to 0.

 

[daimpa]

I've two things to report.
1. I've noticed that if "node grid" is enabled, than the page on mobile is something like 10 pixel wider than the window, so you can scroll horizontally.
2. In ACP, I've this edit button, is this normal? If I click on it, it says: "Style properties in this style can not be modified. Please try another."

 

[willl]

1. I've noticed that if "node grid" is enabled, than the page on mobile is something like 10 pixel wider than the window, so you can scroll horizontally.

That's an odd one; In testing locally and with other customers using it, that doesn't occur. Mind PMing me the URL to your board?

2. In ACP, I've this edit button, is this normal? If I click on it, it says: "Style properties in this style can not be modified. Please try another."

The edit button shows for custom style property sections in the parent style, and is actually normal; That's for us when doing development. I will note that you will want to avoid changing any settings on the main UI.X style. Any changes you make should be put in a child style; otherwise you'll be unable to safely update the style without losing all your work in the future.

 

[rike-online]

You shouldn't need to actually touch the template here; Instead, there is a missing value in your style properties.

First, what is the value of the border width for "Minor internal block content" under Appearance -> Style Properties -> Blocks?

Next, if that value is a variable, it's probably @xf-borderSize - that's the default value - so you'll want to check to see what your value is for "Border size" under Appearance -> Style Properties -> Borders and spacing.

If that value is blank, you should instead set it to 0.

I checked, here are the screenshots, everything seems to be correct (I didn't change anything):





Maybe you have any other ideas?
And thank you for your support.

 

[🔥Iggy🔥]

is there a default profile tab setting in here somewhere im missing? seems to be overriding...

regards

 

[willl]

I checked, here are the screenshots, everything seems to be correct (I didn't change anything):

View attachment 310849

View attachment 310850

Maybe you have any other ideas?
And thank you for your support.

That is really strange; wondering if maybe there is some bug with XF being unable to grab the variable properly.

Anyway, probably the easiest solution is to just replace the @xf-borderSize on the minor internal block content border with value to 1px, and see that fixes it.

is there a default profile tab setting in here somewhere im missing? seems to be overriding...

regards

Could you clarify what you mean here? Are you referring to the default tab that loads when you view a person's profile, or something else?

 

[🔥Iggy🔥]

That is really strange; wondering if maybe there is some bug with XF being unable to grab the variable properly.

Anyway, probably the easiest solution is to just replace the @xf-borderSize on the minor internal block content border with value to 1px, and see that fixes it.



Could you clarify what you mean here? Are you referring to the default tab that loads when you view a person's profile, or something else?

yes it loads profile posts, even tho ive installed about me defaualt tab addon, which works on default style..

regards

 

[willl]

yes it loads profile posts, even tho ive installed about me defaualt tab addon, which works on default style..

regards

Aaah, ok.. We do heavily tweak the Member View template; most likely what's happening is the template mod for the addon is trying to find something specific to XF's default markup for that template, but is slightly different in ours in a way that they didn't account for.

I'd suggest reaching out to the addon dev to see if they would be willing to adapt their addon to work with our styles; the one benefit with fixing it to work with UIX is that it should work well with all of our styles.

 

[Telesphoreo]

Is there any way to expand this section out like in the screenshot?

I have my page width set a bit higher to 1400px and it would be nice if there was slightly less blank space and this section could be expanded out to not truncate the titles as much

 

[willl]

Is there any way to expand this section out like in the screenshot?

I have my page width set a bit higher to 1400px and it would be nice if there was slightly less blank space and this section could be expanded out to not truncate the titles as much

Yup! Just add the following to extra.less:

@media (min-width: @xf-responsiveMedium) {
    .node-body .node-extra {
        width: 320px;
        min-width: 320px;
    }
}

You can increase the "320px" to a higher value if you like, too; just be sure to change it for both the width & min-width.

 

[🔥Iggy🔥]

hello again,
im wondering what the easiest way will be to add a "category" FA icon before category forums.....in sub forum listings, in nodes....

kind regards

 

[willl]

hello again,
im wondering what the easiest way will be to add a "category" FA icon before category forums.....in sub forum listings, in nodes....

kind regards

If you want to add one to apply to all category forums - including categories that are child nodes - you can just set an icon under Appearance -> Style Properties -> Node icons in the "Category icon" field; You can use any icon included in XF, in the variable format (such as @fa-var-solid-comment-alt).

 

[🔥Iggy🔥]

If you want to add one to apply to all category forums - including categories that are child nodes - you can just set an icon under Appearance -> Style Properties -> Node icons in the "Category icon" field; You can use any icon included in XF, in the variable format (such as @fa-var-solid-comment-alt).

hello,
i thought that might be easy, i need it to only apply to sub-categories tho...
something like this i thought perhaps a.subNodeLink.subNodeLink--category:before but stuff like content:"\f126" seems to not work anymore...
i know the html too but not sure where to put it exactly.....or it could also be by forum id but im not sure the exact syntax...
regards

 

[willl]

hello,
i thought that might be easy, i need it to only apply to sub-categories tho...
something like this i thought perhaps a.subNodeLink.subNodeLink--category:before but stuff like content:"\f126" seems to not work anymore...
i know the html too but not sure where to put it exactly.....or it could also be by forum id but im not sure the exact syntax...
regards

Correct - the content tag is no longer a valid method in XF 2.3, but thankfully XF does provide a good solution.. Instead of using content: '', you'll use this:

.m-faIcon(@fa-var-solid-comment-alt);

 

[🔥Iggy🔥]

hmm, its confusing without the brackets, didnt seem to work in a quick try...

a.subNodeLink.subNodeLink--category:before(@fa-code-branch);

i also tried your exact code in extra.less but they both break the style...

 

[willl]

hmm, its confusing without the brackets, didnt seem to work in a quick try...

a.subNodeLink.subNodeLink--category:before(@fa-code-branch);

i also tried your exact code in extra.less but they both break the style...

Right, you need the full CSS; sorry, thought you were already aware of what was needed since you mentioned the selector.

a.subNodeLink.subNodeLink--category:before {
    .m-faIcon(@fa-var-code-branch);
}

 

[🔥Iggy🔥]

oh ok thank you to clarify, i thought you were suggesting an alternate selector..lol