UI.X 2

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

No permission to buy ($59.50)
Overview FAQ Updates (70) Reviews (57) History Discussion
Ian Hitt said:
Are you referring to the icons being different? The font screenshot uses Font Awesome icons, and the second is using Material Icons instead, so that would be why they are slightly different.
Click to expand...
Possible to use FA icons for the toolbar? That's quite noticeable in quality.
 
Ian Hitt said:
Are you referring to the icons being different? The font screenshot uses Font Awesome icons, and the second is using Material Icons instead, so that would be why they are slightly different.
Click to expand...
I'll look into it. I confess it didn't even occur to me that you guys had changed the font between 2.1 and 2.2. And the strike-through symbol, for example, doesn't look like anything I would associate with a strike-through, it looks like some ancient symbol you might find on a cave wall and you'd ponder what it might mean. Also, not sure why the font family symbol would be duplicating the 'A.' :unsure:
 
tajhay said:
Possible to use FA icons for the toolbar? That's quite noticeable in quality.
Click to expand...

Look for "Icons" in the UI.X style properties and under that you will find "Icon font" at the very top, where you can change to Font Awesome in the drop-down menu. Agree that it looks much better. (y)
 
Code: 
<xf:if is="$node.Moderators is not empty">
                    <ul class="listInline listInline--comma" style="padding: 6px 10px; font-size: 13px;color: #283957; border-bottom: 1px solid #cbcbcb;
    background: linear-gradient(0deg,#fcfcfc,#fdfdfd); font-weight: bold;">المراقبون :
                        <xf:foreach loop="$node.Moderators" value="$moderator">
                                <li><xf:username user="{$moderator.User}" defaultname="{$moderator.User.username}" /></li>
                        </xf:foreach>
                    </ul>
                </xf:if>

Hi
When I add this code in the forum_view template
Corner topics disappear !!
What is the solution ?, is to show the corner supervisors.
 
Alshalan said:
Code: 
<xf:if is="$node.Moderators is not empty">
                    <ul class="listInline listInline--comma" style="padding: 6px 10px; font-size: 13px;color: #283957; border-bottom: 1px solid #cbcbcb;
    background: linear-gradient(0deg,#fcfcfc,#fdfdfd); font-weight: bold;">المراقبون :
                        <xf:foreach loop="$node.Moderators" value="$moderator">
                                <li><xf:username user="{$moderator.User}" defaultname="{$moderator.User.username}" /></li>
                        </xf:foreach>
                    </ul>
                </xf:if>

Hi
When I add this code in the forum_view template
Corner topics disappear !!
What is the solution ?, is to show the corner supervisors.
Click to expand...
I'm afraid I am not familiar with the code you included above although would you please create a ticket on our support portal, please? We'll be able to connect you with one of our developers who will be able to suggest some tips on how to implement this.
 
Hello guys, is there a way to put the small logo on te right side of the navigation and remove the main logo block without a customization ?

The final result would be something like IO Theme navigation

------------
 
Last edited:
Dalton Prock said:
Of course, just set the Minimum viewport width to show logo block to 100% and you'll be good to go :)
Click to expand...

Thanks for the reply, Dalton.

Is that possible to show the Logo text + icon on mobile even with a logo on the desktop version ? My logo gets too small on mobile.
 
Last edited:
mkucuksari said:
Same for me too :( Don't have any idea how to fix it ??
Click to expand...
Not sure. I might just look for a way to suppress them entirely until they're fixed. I feel like this is my punishment for being in a hurry and trying to update everything as quickly as possible: just creating more work for myself in the long run. Should know better by now. Next time I'm definitely going to test on the local install first.
 
mkucuksari said:
Same for me too :( Don't have any idea how to fix it ??
Click to expand...

I was too lazy to go searching for exactly what they messed up, but I simply replaced the contents of the node_list_forum template for each style with the contents from a previous version and that corrected the problem:

<xf:macro name="depth1" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1"> <div class="block"> <div class="block-container"> <div class="block-body"> <xf:macro name="forum" arg-node="{$node}" arg-extras="{$extras}" arg-children="{$children}" arg-childExtras="{$childExtras}" arg-depth="{$depth}" /> </div> </div> </div> </xf:macro> <xf:macro name="depth2" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1"> <xf:macro name="forum" arg-node="{$node}" arg-extras="{$extras}" arg-children="{$children}" arg-childExtras="{$childExtras}" arg-depth="{$depth}" /> </xf:macro> <xf:macro name="depthN" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1"> <li> <a href="{{ link('forums', $node) }}" class="subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">{$node.title}</a> <xf:macro template="forum_list" name="sub_node_list" arg-children="{$children}" arg-childExtras="{$childExtras}" arg-depth="{{ $depth + 1 }}" /> </li> </xf:macro> <xf:macro name="forum" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="!" arg-chooseName="" arg-bonusInfo=""> <div class="node node--id{$node.node_id} node--depth{$depth} node--forum {{ $extras.hasNew ? 'node--unread' : 'node--read' }}"> <div class="node-body"> <span class="node-icon" aria-hidden="true"> <xf:fa icon="{{ $node.Data.TypeHandler.getTypeIconClass() ?: 'fa-comments' }}" /> </span> <div class="node-main js-nodeMain"> <xf:if is="$chooseName"> <xf:checkbox standalone="true"> <xf:option labelclass="u-pullRight" class="js-chooseItem" name="{$chooseName}[]" value="{$node.node_id}" /> </xf:checkbox> </xf:if> <xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" /> <h3 class="node-title"> <a href="{{ link('forums', $node) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$node.title}</a> <xf:if is="{$extras.hasNew} && property('uix_newNodeMarker')"><span class="uix_newIndicator">{{ phrase('new') }}</span></xf:if> </h3> <xf:if is="$descriptionDisplay != 'none' && $node.description"> <div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div> </xf:if> <xf:if is="!property('uix_hideNodeStats')"> <div class="node-meta"> <xf:if is="!{$extras.privateInfo}"> <div class="node-statsMeta"> <dl class="pairs pairs--inline"> <xf:if is="property('uix_nodeStatsIcons')"> <dt><xf:fa icon="fa-comment" /></dt> <xf:else /> <dt>{{ phrase('threads') }}</dt> </xf:if> <dd>{$extras.discussion_count|number_short(1)}</dd> </dl> <dl class="pairs pairs--inline"> <xf:if is="property('uix_nodeStatsIcons')"> <dt><xf:fa icon="fa-comments" /></dt> <xf:else /> <dt>{{ phrase('messages') }}</dt> </xf:if> <dd>{$extras.message_count|number_short(1)}</dd> </dl> </div> </xf:if> <xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'menu'"> <xf:macro template="forum_list" name="sub_nodes_menu" arg-children="{$children}" arg-childExtras="{$childExtras}" arg-depth="{{ $depth + 1 }}" /> </xf:if> </div> </xf:if> <xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'"> <xf:macro template="forum_list" name="sub_nodes_flat" arg-children="{$children}" arg-childExtras="{$childExtras}" arg-depth="{{ $depth + 1 }}" /> </xf:if> <xf:if is="$bonusInfo is not empty"> <div class="node-bonus">{$bonusInfo}</div> </xf:if> </div> <xf:if is="!{$extras.privateInfo} && !property('uix_hideNodeStats')"> <div class="node-stats"> <dl class="pairs pairs--rows"> <dt>{{ phrase('threads') }}</dt> <dd>{$extras.discussion_count|number_short(1)}</dd> </dl> <dl class="pairs pairs--rows"> <dt>{{ phrase('messages') }}</dt> <dd>{$extras.message_count|number_short(1)}</dd> </dl> </div> </xf:if> <div class="node-extra"> <xf:if is="{$extras.privateInfo}"> <span class="node-extra-placeholder">{{ phrase('private') }}</span> <xf:elseif is="{$extras.LastThread}" /> <div class="node-extra-icon"> <xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)"> <xf:avatar user="{{ null }}" size="xs" /> <xf:else /> <xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="xs" /> </xf:if> </div> <div class="uix_nodeExtra__rows"> <div class="node-extra-row"> <xf:if is="$extras.LastThread.isUnread()"> <a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a> <xf:else /> <a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a> </xf:if> </div> <div class="node-extra-row"> <ul class="listInline listInline--bullet"> <li><xf:date time="{$extras.last_post_date}" class="node-extra-date" /></li> <xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)"> <li class="node-extra-user">{{ phrase('ignored_member') }}</li> <xf:else /> <li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li> </xf:if> </ul> </div> </div> <xf:else /> <span class="node-extra-placeholder">{{ phrase('none') }}</span> </xf:if> </div> </div> </div> <xf:if is="{$depth} == 1"> <xf:macro template="forum_list" name="node_list" arg-children="{$children}" arg-extras="{$childExtras}" arg-depth="{{ $depth + 1 }}" /> </xf:if> </xf:macro>
Click to expand...
 
imno007 said:
I was too lazy to go searching for exactly what they messed up, but I simply replaced the contents of the node_list_forum template for each style with the contents from a previous version and that corrected the problem:
Click to expand...
You are right. When I compare the old and new version of "node_list_forum" template, I have seen the difference.

So for now, here is a quick solution for sub-node double icon issues. I hope we can get a better solution from @Ian Hitt , @Dalton Prock

Find
<a href="{{ link('forums', $node) }}" class="subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">
<xf:fa icon="{{ $node.Data.TypeHandler.getTypeIconClass() ?: 'fa-comments' }}" class="subNodeLink-icon" />{$node.title}
</a>
Click to expand...

Replace
<a href="{{ link('forums', $node) }}" class="subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">{$node.title}</a>
Click to expand...
 
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