UI.X

UI.X 1.5.22.0

No permission to download
"Number 0 Alert" bug has to be renamed in "Say farewell Alert Count Balloon" bug.... ;)

So now if you are in Responsive mode and have unread messages the complete alert ballon disappears when you open the OffCanvas menu and then switch to the OffCanvas Alert Tab. It stays away until you reload the entire page... :whistle:
 
"Number 0 Alert" bug has to be renamed in "Say farewell Alert Count Balloon" bug.... ;)

So now if you are in Responsive mode and have unread messages the complete alert ballon disappears when you open the OffCanvas menu and then switch to the OffCanvas Alert Tab. It stays away until you reload the entire page... :whistle:
Haha darn, yep that's a (thankfully pretty small) edge case that slipped through my testing. Already have a fix for it for our next release. If you feel comfortable editing templates and this bothers you enough to fix it, in the "uix_offCanvasSidebarVisitorTabs" template you just need to change the third uix.offcanvas.registerTab (the one with "trigger: $('.sidePanel--visitor .js-alertTab')") to be the following:

Code:
uix.offcanvas.registerTab({
        trigger: $('.sidePanel--visitor .js-alertTab'),
        target: $('.sidePanel--visitor .js-alertTabPanel'),
        init: function() {
            $('.sidePanel--visitor .js-alertPlaceholder').load('{xen:link 'account/alerts-popup'} #content div:not(.sidebar) .secondaryContent li.listItem');
        },
        view: function() {
            var numConvos = 0,
                convoEle = $('#ConversationsMenu_Counter');
            if (convoEle.length) {
                numConvos = parseInt(convoEle.find('span.Total').text());
            }
            XenForo.balloonCounterUpdate($('#VisitorExtraMenu_Counter'), numConvos);
            uix.fn.syncBaloon($('#VisitorExtraMenu_Counter'), $('#uix_VisitorExtraMenu_Counter'));
            XenForo.balloonCounterUpdate($('#AlertsMenu_Counter'), 0);
            uix.fn.syncBaloon($('#AlertsMenu_Counter'), $('#uix_AlertsMenu_Counter'));
        },
        group: 'offcanvasVisitor'
    });

That said, the user will have opened the offcanvas menu and seen their number of unread conversations at this point already so this is relatively minor.
 
I am having trouble with an ad management ad on and they had a look. They just got back to me with this...

It looks like you have quite a few javascript files missing for both the UI.X Add-on, and [AD] Monetize Pro. Could you tryreuploading these files?

Any idea's how this would have happen or how I can fix it..?
 
Haha darn, yep that's a (thankfully pretty small) edge case that slipped through my testing. Already have a fix for it for our next release. If you feel comfortable editing templates and this bothers you enough to fix it, in the "uix_offCanvasSidebarVisitorTabs" template you just need to change the third uix.offcanvas.registerTab (the one with "trigger: $('.sidePanel--visitor .js-alertTab')") to be the following:

That said, the user will have opened the offcanvas menu and seen their number of unread conversations at this point already so this is relatively minor.

Works now! Thank you for that. By the way: the Alert timing of the background colorization in desktop mode is now correct also. (y)
 
3. It's important to note that z-indexing changes depending on the panel animation type. For which animation type are you speaking: reveal, push, or cover?

3. Reveal and Push. And I can also say it casts the shadow only onto the right panel, although I took the main navigation bar and made a box-shadow that is vertical at exact 90 degrees. I hope that helps.

Any news on this?
 
After the upgrade I don't see anymore the notication from mobile, I attach a screenshot where they were first. Is there a way to enable notifications in that position? thank you
Screenshot from 2015-12-04 00:29:19.webp
 
For anyone who uses RT User Rank Ribbons with UI.X, this the modified addon that works with UI.X since it does the correct template replacement: https://drive.google.com/file/d/0B7IIVLMeapx0VnpHUkEtOC1tdlE/view?usp=sharing

It just looks for:
Code:
xen:if hascontent="true">
        <div class="extraUserInfo

and replaces it with:
Code:
<xen:if is="@UserRankRibbonsActive"><xen:include template="UserRankRibbons" /></xen:if>
    <xen:if hascontent="true">
        <div class="extraUserInfo

By doing this replacement instead of the original one the addon works for both UI.X and any other theme.
We did add in a class there so we can toggle the messageuserinfo. Can you ask that developer if he or she will change their template modification? This is the only way we will be able to allow for collapsing user info without a template mod of our own. Since this is a style we are minimizing those.
I've also got this, looks crap in the new place (if that's where it's supposed to be!)

View attachment 123049

Much better where it was before
View attachment 123050

Definitely a bug, and I have it ready to be fixed. Ill do the release tomorrow.

Is anyone having Footer issues?

View attachment 123052

Looks like it can be SORTA fixed in:
Code:
#uix_footer_columns .uix_footer_columns_container > li
And changing the padding-left and padding-right to just a full padding.

Looks uneven though, so not sure. Is anyone able to replicate?

This is just outdated style properties, we change a few things in UI.X Footer (extended footer).

Also NEW indicators in messages don't match the font styling of the NEW indicator next to forums on the main page. Can this be done for consistency?

Plus the new indicator in messages looks a bit wonky o_O

This is a design decision. You can go into UI.X Forum Nodes and clear out some of the values on the new indicator and it should inherit from the title IIRC.

Nope --- or it carried over and wasn't updated from my old style setup. :p
In uix_sprite.css
Code:
.rating .star {background-position: -96px -32px !important;}
shows the little black bar on the top of the RM rating stars
View attachment 123066

Code:
.rating .star {background-position: -96px -34px !important;}
fixes it (for me). ;)
View attachment 123067

We had this as a bug report, but we cannot replicate this no matter what we try. On our demos, it looks fine. And we've only received the report from one maybe two people, not sure if it was you both times. If you create a ticket I can take a look at your demo and see if I can figure out why you need that fix.

Btw, how can I upgrade to latest version without lose of changes in theme settings?

If you made all your changes to a child theme, you should be fine updating. Or installing fresh, exporting/re-importing your child theme to the new install. Just make sure you have a backup.

Hello @Mike Creuzer

Today, I upgraded my UI.X Add-on. I want to upgrade my UI.X style too. But there is no "Upgrade" button in UI.X Add-on. There is only "Install". But if I click it, it'll install a fresh one UI.X. Am I wrong? How can I upgrade my UI.X style to 1.5.3.0?

This may be because you either installed UI.X before we released the original UI.X add-on and you need to sync your style with the add-on, or because you simply installed it manually.

Any eta on updating the Quark style?

We are working our way though all themes, almost done. Perhaps Friday or Monday or Tuesday I would say.

I am having trouble with an ad management ad on and they had a look. They just got back to me with this...

It looks like you have quite a few javascript files missing for both the UI.X Add-on, and [AD] Monetize Pro. Could you tryreuploading these files?

Any idea's how this would have happen or how I can fix it..?

Not sure how it would have happened unless someone accidentally deleted some files. Reupload and let us know if that fixes it :)

Any news on this?
Do you have a demo of the issue? Ill take a look.

After the upgrade I don't see anymore the notication from mobile, I attach a screenshot where they were first. Is there a way to enable notifications in that position? thank you
View attachment 123167
What version did you update to? Did you read the above posts and is that what your issue was? Let me know, if you can, what it looked like before and what it looks like now so I can see what may have changed.
 
We did add in a class there so we can toggle the messageuserinfo. Can you ask that developer if he or she will change their template modification? This is the only way we will be able to allow for collapsing user info without a template mod of our own. Since this is a style we are minimizing those.

The developer was last active in April. Maybe this is something that could be implemented into the UI.X Addon.
I doubt the developer will become active any time soon, but I already uploaded a version that does the right template modification on the discussions page for the addon and here, so if users trust me enough they could use this version or they could edit the template, allthough I personally hate stuff that could break with any further update.
 
Oh, while I'm on it. Is there a way on mobile to make the user info box or however it is called less wide?
Right now it looks like this on my board:
5712f394d127.PNG

As you can see the ranks are cut out because the user box is taking so much space.
 
Is anyone utilizing the off canvas feature so I can understand what id actually does? I don't think its even used on the demo.
 
Do you have a demo of the issue? Ill take a look.

Please have a look here. The arrow tips point to the shadows that are cast onto the OffCanvas from the .navTab class div. Since it is sticky also, I guess it has the highest z-index and therefore will be above the OffCanvas. I tried to change the OffCanvas z-index to a higher one but (not surprisingly) that changes the behavior or better destroys the behavior on the slide effects. This only happens with "Reveal" and "Push" slide effects and not with "Cover" – which leaves me hopeful that it can be resolved.

shadow_cast.webp
 
Is anyone utilizing the off canvas feature so I can understand what id actually does? I don't think its even used on the demo.

The offcanvas sidebars have a setting for what width they can be toggled at. Generally they're most useful for smaller screen sizes where the traditional navigation menu only shows a small number of items. We recently added support for displaying the menus on very wide screens all the time since, for some themes, it is a better use of space to have the navigation be vertical rather than the content be extremely wide.

You should be able to view an example on http://audentio.com/demo/xf/index.php?misc/style&style_id=3 if you're on a device less than 800px wide. Click the trigger (red arrow) to open the navigation shown in the second image.

There is quite a bit of customization available with the system to personalize it to your needs, but that's the general idea.
 

Attachments

  • Unnamed image.webp
    Unnamed image.webp
    36.6 KB · Views: 10
  • Unnamed image (1).webp
    Unnamed image (1).webp
    20 KB · Views: 10
I'm trying to change the font from Open Sans to Roboto San.

Should I just change the Primary Font? Or should I also edit the Google Fonts entry?
 
Back
Top Bottom