UI.X

UI.X 1.5.22.0

No permission to download
Are you using any ad manager?

No, this is my code.

Code:
<xen:if hascontent="true">
   
    <div class="{xen:if @uix_removeAdWrappers, 'section', 'sectionMain'} funbox">
    <div class="funboxWrapper">
    <xen:contentcheck>
   
        <xen:if hascontent="true">
            <xen:contentcheck>
                <xen:hook name="ad_below_top_breadcrumb" />
               
               
<xen:if is="in_array({$forum.node_id}, array(70,108))">
<xen:else />
<xen:if is="!{xen:helper ismemberof, $visitor, 3, 5}">
<xen:if is="!in_array({$contentTemplate}, array('message_page', 'error', 'search_form', 'search_form_post', 'search_form_profile_post', 'search_results', 'register_form', 'register_facebook', 'register_twitter', 'register_google', 'login', 'error_with_login', 'contact'))">               
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- TWF Top Responsive Ad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="xxx"
     data-ad-slot="xxx"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</xen:if>
</xen:if>
</xen:if>
               
               
               
            </xen:contentcheck>
        <xen:elseif is="{$visitor.is_admin} && @uix_previewAdPositions" />
            <div>{xen:phrase 'template'}: ad_below_top_breadcrumb</div>
        </xen:if>
   
    </xen:contentcheck>
    </div>
    </div>
   
</xen:if>
 
It is something we are working on. The problem is that our framework supports multiple sticky elements and we want it to work with all our other settings too. So, we are still working on a perfect solution. But it'll be available soon.

Regarding the sidebar not being fixed to the page, this is a big request for me. I love the theme overall, nice work.
 
Something fishy is going on with this theme after upgrading to the newest version today. I suddenly got lots of these weird fields above and below the forums...

What is happening here?

error.webp
 
Regarding the sidebar not being fixed to the page, this is a big request for me. I love the theme overall, nice work.

If you go to UI.X Sidebar style property group, you can untick Sticky sidebar there.

Something fishy is going on with this theme after upgrading to the newest version today. I suddenly got lots of these weird fields above and below the forums...

What is happening here?

View attachment 81284

That is a good question! Ive responded to your ticket at audentio.com
 
I tried before asking =D it works with a font awesome icon but not with images :/
Right, so Renue does this for example, one of our newest themes.

What we do is go to UI.X navigation style property group and find Logo Text.

Then change it to something like this:

<img src='@imagePath/logo.png'> Your Logo Text Here

Not super elegant but quite effective!

Thanks,
Mike
 
No, this is my code.

Code:
<xen:if hascontent="true">
  
    <div class="{xen:if @uix_removeAdWrappers, 'section', 'sectionMain'} funbox">
    <div class="funboxWrapper">
    <xen:contentcheck>
  
        <xen:if hascontent="true">
            <xen:contentcheck>
                <xen:hook name="ad_below_top_breadcrumb" />
              
              
<xen:if is="in_array({$forum.node_id}, array(70,108))">
<xen:else />
<xen:if is="!{xen:helper ismemberof, $visitor, 3, 5}">
<xen:if is="!in_array({$contentTemplate}, array('message_page', 'error', 'search_form', 'search_form_post', 'search_form_profile_post', 'search_results', 'register_form', 'register_facebook', 'register_twitter', 'register_google', 'login', 'error_with_login', 'contact'))">              
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- TWF Top Responsive Ad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="xxx"
     data-ad-slot="xxx"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</xen:if>
</xen:if>
</xen:if>
              
              
              
            </xen:contentcheck>
        <xen:elseif is="{$visitor.is_admin} && @uix_previewAdPositions" />
            <div>{xen:phrase 'template'}: ad_below_top_breadcrumb</div>
        </xen:if>
  
    </xen:contentcheck>
    </div>
    </div>
  
</xen:if>
This is a strange one. Here is the code tabbed nice:

Code:
<xen:if hascontent="true">
   
    <div class="{xen:if @uix_removeAdWrappers, 'section', 'sectionMain'} funbox">
        <div class="funboxWrapper">
            <xen:contentcheck>
   
                <xen:if hascontent="true">
               
                    <xen:contentcheck>
                   
                        <xen:hook name="ad_below_top_breadcrumb" />

                        <xen:if is="in_array({$forum.node_id}, array(70,108))">

                        <xen:else />

                            <xen:if is="!{xen:helper ismemberof, $visitor, 3, 5}">
                                <xen:if is="!in_array({$contentTemplate}, array('message_page', 'error', 'search_form', 'search_form_post', 'search_form_profile_post', 'search_results', 'register_form', 'register_facebook', 'register_twitter', 'register_google', 'login', 'error_with_login', 'contact'))">              
                                    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                                    <!-- TWF Top Responsive Ad -->
                                    <ins class="adsbygoogle"
                                        style="display:block"
                                        data-ad-client="xxx"
                                        data-ad-slot="xxx"
                                        data-ad-format="auto"></ins>
                                    <script>
                                    (adsbygoogle = window.adsbygoogle || []).push({});
                                    </script>
                                </xen:if>
                            </xen:if>
                        </xen:if>

                    </xen:contentcheck>
                   
                <xen:elseif is="{$visitor.is_admin} && @uix_previewAdPositions" />
                    <div>{xen:phrase 'template'}: ad_below_top_breadcrumb</div>
                </xen:if>
   
            </xen:contentcheck>
        </div>
    </div>
   
</xen:if>

I still cannot see whats wrong. If you create a ticket on this issue at audentio.com and provide some kind of access I will debug it. It likely is an issue with UI.X, but I do not see it from the code you posted.
 
Right, so Renue does this for example, one of our newest themes.

What we do is go to UI.X navigation style property group and find Logo Text.

Then change it to something like this:

<img src='@imagePath/logo.png'> Your Logo Text Here

Not super elegant but quite effective!

Thanks,
Mike
Ohh indeed, not elegant but very effective =D
 
It's only tangentially related to UI.X except the UI.X uses a lot of FontAwesome icons... has anyone figured out how to deal with users who have their security settings (mostly at work) set to prohibit the download of web fonts? It results in a ton of empty squares sprinkled throughout the skin.
 
Demo has some sort of weird sidebar issue, when I scroll down the sidebar appears on the left overlaying the forums!
Thanks for reporting, is this happening on anyone's live installs?

ETA: Oops forgot to upgrade UI.X on our public demo >.< Its all good now.
 
Last edited:
Regarding one of my earlier questions regarding the logo area up top. I have a banner right now, that is the same length of the page width, but it still looks like this:
screen-shot-2014-08-22-at-2-51-50-pm-png.81506

How do I fix that?
 
Hey all, quick update on beta 3 of 1.4. Its all done. I've even added some new features. And as UI.X continues to be a 100% stable product, we are looking to fix any minor bugs that we might not have fixed due to time constraints. This includes new features as well, we'd like to hear them again so we can re prioritize. I went through and fixed a few that I felt needed some attention.

Our new forum that we are creating will have a better bug tracking system built in so we don't have to do it here at xenforo.com, but its best here for now.


1. We fixed the adsense code issues, apologies for that it was just a packaging error on 1.3.5 but that was primarily the only issue with the 1.3.5 release. Unless you guys aren't reporting. If not, please don't forget to rate and review! Lets me know the version was released properly (minus the issues I mention next day generally)

2. Full size avatars - essentially what this is but done a bit more choice. You can choose to essentially have your avatars 1:1 ratio (96x96 for example as they are now on XenForo.com) or full size without any dimension restraints. So you could have a 200x150 for example.

3. Arrows on navigation only show on hover, again a setting so you dont have to have this. Think of this setting as how XenForo acts by default when you hover over Members or Forums for example. The arrow shows up only then. Thanks to the few people who mentioned this.

4. No more collapse sidebar on mobile. It didnt make sense to have it on mobile I just never hid it.

5. Condense private controls into a menu to conserve space.

Also, another potential bug - when you have drop down arrows turned off (so that a simple hover over the navtab links result in drop down popup menus), and you hover over a navtab and click it before the popup menu loads, nothing happens. You have to wait for the popup menu to load before you can click the tab and go to the page. It's annoying and I know my members will get frustrated, but I don't like the functionality of the arrows either. How can I change this so that a click on the navtab will work instantly without having to wait for the popup menu to load from the hover event?

Can confirm we've added this to 1.4 beta 3. Finally I know, but now it behaves like a default XenForo theme. You have the options now. @Dinh Thanh I think this is the bug you were reporting. Its not really a bug so much is it the fact that you cannot click on something while it is animating.
 
Can I make a suggestion?

Offer an option to replace the post controls with large Font Awesome icons (you already preceed them with the FA icons) and tool tips. This saves space along the bottom of the postbit for fixed width designs, and also the word controls really don't wrap all that well on mobile - they end up close enough to each other that it makes them a little difficult to hit by touch. To add to that, it'd also be great to have an option to merge the public and private controls together. Separating them looks silly when there's one private control (e.g. report a thread) and 3 public controls - on mobile, that puts the public controls on one line and private controls on the second line, which is weird when there's plenty of space next to each other.

I have done this on my test board but being a relative noob, I did it with template mods which I'll have to merge into upgrades - which is always less than desirable. Maybe there's a way to do it with straight EXTRA.css additions?

controls_as_icons.webp
 
Last edited:
Regarding one of my earlier questions regarding the logo area up top. I have a banner right now, that is the same length of the page width, but it still looks like this:
screen-shot-2014-08-22-at-2-51-50-pm-png.81506

How do I fix that?

OK not sure where you added that, but if it is on block logo style under UI.X Logo style properties group, in the miscellaneous CSS section add this:

background-size: cover;


Can I make a suggestion?

Offer an option to replace the post controls with large Font Awesome icons (you already preceed them with the FA icons) and tool tips. This saves space along the bottom of the postbit for fixed width designs, and also the word controls really don't wrap all that well on mobile - they end up close enough to each other that it makes them a little difficult to hit by touch. To add to that, it'd also be great to have an option to merge the public and private controls together. Separating them looks silly when there's one private control (e.g. report a thread) and 3 public controls - on mobile, that puts the public controls on one line and private controls on the second line, which is weird when there's plenty of space next to each other.

I have done this on my test board but being a relative noob, I did it with template mods which I'll have to merge into upgrades - always less than desirable. Maybe there's a way to do it with straight EXTRA.css additions?

View attachment 81611

There are a million different things we could add to this framework, but we want to make it like a base framework so you can easily make these changes yourself. Was it easy to do this? If so we did our job correctly. If not, we can build something to help facilitate such a customization.

I personally am more of a fan of 'icon locations' (as in, you CAN put an icon here) rather than what others are doing and just icon spamming the entire design. That said, I can agree you made a great customization (makes me happy :P good work!) so I think for what you needed you made the right call. I appreciate the suggestion, we may or may not include this as I'm not entirely sure if I agree with it being incuded in a framework. There is a fine line between 'core functionality' and 'customization thats nice to have'.
 
On whether or not it was easy, I would very distinctly say "no" but that is less a reflection on your framework as it is on the fact that my coding skills are about as elegant as a chef attempting to julienne with a splitting maul. I mean, you'll probably eventually get everything cut up but it's a little ugly along the way and sometimes someone loses a finger.

I'm a network and infrastructure guy so I only venture into the CSS/PHP out of self-defense.

I actually built a template modification plugin for my customization to UI.X (for version control and ease of exporting from test > prod without losing anything). So these went in there as a direct replacement of the post controls in the template, calling out the FA icons instead of the control phrases.

Yep, I do agree that you can't include every customization out of the box - it's my own personal opinion that the bottom of the XF postbit is messy and consequently it's messy on most themes, too. It looks good in a fluid layout on a decently sized screen because there's some space, but when you compact everything down it gets cluttered in a hurry - cramming the user who made the post, when they made it, when they last edited it, the post number, and all the post controls into one spot. I (again, personally) would like to see a theme do something different. But, like you said, everyone has a taste and it's more important that the fundamentals allow customization to taste than to put every possible permutation in.

Appreciate everything you've helped me with getting this off the ground.
 
Last edited:
Back
Top Bottom