UI.X

UI.X 1.5.21.0

No permission to buy ($30.00)
Hi everyone,

This version of UI.X is ONLY compatible with XenForo 1.5.9 and up. Read why here: https://xenforo.com/community/threads/ui-x-paid.57944/page-322#post-1085202

Please disable the add-on before upgrade or you will see error messages.

Note: this version requires the latest update to the UI.X add-on version 1.0.12a. The add-on can be downloaded from your customer area at Audentio.com.

We also offer installation ($15) and upgrades (starting at $99 - but if you set it up properly its free because its just one click) for those who would rather we take care of it for you. Any major issues will be fixed and we'll set it up so you only have to click a button moving forward.

If you want to do this yourself, here are the steps for installation and upgrading. We highly recommend testing any theme you buy or product locally before trying it out on your live board.

Installation instructions:
  1. First, you will need to go to audentio.com and login to your customer area.
  2. Go to your license for whichever product you've purchased. Click 'Download UI.X Add-on'. This add-on is used for functionality purposes as well as downloading the theme itself. This add-on is required.
  3. After downloading, extract the .zip files somewhere, and upload the contents of /upload/ to your XenForo root directory
  4. Grab the .xml file in that extracted .zip and install it via the ACP add-on manager.
  5. Once the add-on is installed, go back to your customer area and generate an API key.
  6. Once this is done, you can go to Appearance > UI.X > Styles (in your sidebar) and you should see the product you purchased with an install button next to it. Click that.
  7. There will be some options. Follow the instructions to install automatically (note that you may be prompted to CHMOD your directories). You may also install manually, there are instructions in this area under a tab called 'Install manually'.
  8. If you ever get stuck, we are a ticket away!

Upgrading instructions:
  1. First, and foremost, make a backup of your theme. A backup of your site as a whole is never a bad idea either especially if you are going to production board
  2. Second, disable the UI.X Add-on. This will cause some PHP errors if you are missing tables, so its best to just disable it. If you do accidentally forget, you must add $config['enableListeners'] = 0; to your library/config.php file, then start back at step 2.
  3. Download the latest version of the add-on, located in your downloads area as a green button
  4. Upload the contents of the /upload/ folder within that extracted zip folder to your root XenForo directory
  5. After that has finished, go into your XenForo ACP and click on the UI.X add-on. You will get a modal that says upgrade add-on. Browse for the .xml of the add-on that was in the .zip file and continue
  6. After that has finished, you can choose if you want to update the theme via the add-on or manually. We recommend doing it automatically so that is how we will continue in step 7.
  7. If you go to Appearance, on the sidebar you'll see UI.X > Styles. Click Update next to the style you want to update, or you can install fresh here as well.
After upgrading has finished, you may need to run through and change a few style properties or merge some templates. If you get stuck WE ARE HERE TO HELP. We want your site to be working properly and for you to love the final result. Post in the thread or create a ticket at audentio.com! :)

UI.X must be considered a software sitting within XenForo, especially days after a major release. So it must be tested. In fact, if you are uncomfortable, wait a few days for those who are fine beta testing to run through and find some bugs.

Changelog:

  1. Nobita kun add-on conflict
  2. Issue with posts and sticky offset
  3. Clicking on a navtab as the dropdown is unfurling will not navigate you to the tab's link
  4. Content wrapper style reverted back to default
  5. "Stretch Content Container" setting reverted itself
  6. Removed extra padding on login modal
  7. Bug fix with hashes containing an equals sign
  8. Reduced incompatibility with TinyMCE Add-on
  9. Reduced size of compiled templates to be less than 1MB

If you have any questions or concerns please feel free to post in the thread!

Thanks for using UI.X!
Hi everyone,

This version of UI.X is ONLY compatible with XenForo 1.5.9 and up. Read why here: https://xenforo.com/community/threads/ui-x-paid.57944/page-322#post-1085202

Please disable the add-on before upgrade or you will see error messages.

Note: this version requires the latest update to the UI.X add-on version 1.0.12. The add-on can be downloaded from your customer area at Audentio.com.

We also offer installation ($15) and upgrades (starting at $99 - but if you set it up properly its free because its just one click) for those who would rather we take care of it for you. Any major issues will be fixed and we'll set it up so you only have to click a button moving forward.

If you want to do this yourself, here are the steps for installation and upgrading. We highly recommend testing any theme you buy or product locally before trying it out on your live board.

Installation instructions:
  1. First, you will need to go to audentio.com and login to your customer area.
  2. Go to your license for whichever product you've purchased. Click 'Download UI.X Add-on'. This add-on is used for functionality purposes as well as downloading the theme itself. This add-on is required.
  3. After downloading, extract the .zip files somewhere, and upload the contents of /upload/ to your XenForo root directory
  4. Grab the .xml file in that extracted .zip and install it via the ACP add-on manager.
  5. Once the add-on is installed, go back to your customer area and generate an API key.
  6. Once this is done, you can go to Appearance > UI.X > Styles (in your sidebar) and you should see the product you purchased with an install button next to it. Click that.
  7. There will be some options. Follow the instructions to install automatically (note that you may be prompted to CHMOD your directories). You may also install manually, there are instructions in this area under a tab called 'Install manually'.
  8. If you ever get stuck, we are a ticket away!

Upgrading instructions:
  1. First, and foremost, make a backup of your theme. A backup of your site as a whole is never a bad idea either especially if you are going to production board
  2. Second, disable the UI.X Add-on. This will cause some PHP errors if you are missing tables, so its best to just disable it. If you do accidentally forget, you must add $config['enableListeners'] = 0; to your library/config.php file, then start back at step 2.
  3. Download the latest version of the add-on, located in your downloads area as a green button
  4. Upload the contents of the /upload/ folder within that extracted zip folder to your root XenForo directory
  5. After that has finished, go into your XenForo ACP and click on the UI.X add-on. You will get a modal that says upgrade add-on. Browse for the .xml of the add-on that was in the .zip file and continue
  6. After that has finished, you can choose if you want to update the theme via the add-on or manually. We recommend doing it automatically so that is how we will continue in step 7.
  7. If you go to Appearance, on the sidebar you'll see UI.X > Styles. Click Update next to the style you want to update, or you can install fresh here as well.
After upgrading has finished, you may need to run through and change a few style properties or merge some templates. If you get stuck WE ARE HERE TO HELP. We want your site to be working properly and for you to love the final result. Post in the thread or create a ticket at audentio.com! :)

UI.X must be considered a software sitting within XenForo, especially days after a major release. So it must be tested. In fact, if you are uncomfortable, wait a few days for those who are fine beta testing to run through and find some bugs.

Changelog:

  1. Sticky sidebar functions better, it supports sticking to the bottom and top of the document
  2. Move offcanvas navigation template contents to navigation template. Template mods were breaking. This may require a revert or proper merge of the navigation template
  3. Login modal padding improved
  4. Reverted xengallery_tab_links template
  5. Improved login modal click action, will not click through to login page as often
  6. Improvements to sticky link offset for internal links
  7. Added in variable to manually cache bust javascript
  8. Fixed issue with iPad sticky sidebar
  9. Included Microsoft TileColor meta tag
  10. Inheriting node classes is now supported
  11. Off-canvas individual tab content heights now respective of their own content
  12. Modal + sidebar widget tabindex fixed
  13. Footer divs with forcing covered style now fixed
  14. Redactor hover state showing image under icons has been fixed tentatively
  15. Turned off floating notice on right by default
  16. Added style property for discussionList section wrapper
  17. Added style property to enable/disable flexbox sidebar for mobile
  18. Added setting to toggle tablinks/visitortabs to be hidden until after the xenforo responsive tabs function runs

If you have any questions or concerns please feel free to post in the thread!

Thanks for using UI.X!
See everything from previous release, with these added:
  • Fixed issue that sometimes would not show alerts in offcanvas menu.
  • Xenforo's Autocomplete quickly hiding
  • Issue with date not displaying on postbit properly
  • Issue with Backstretch. If its still not working make sure to set your Backstretch selector to 'body' without quotes.
Hi everyone,

Please disable the add-on before upgrade or you will see error messages.

Note: this version requires the latest update to the UI.X add-on version 1.0.11. The add-on can be downloaded from your customer area at Audentio.com.

We also offer installation ($15) and upgrades (starting at $99 - but if you set it up properly its free because its just one click) for those who would rather we take care of it for you. Any major issues will be fixed and we'll set it up so you only have to click a button moving forward.

If you want to do this yourself, here are the steps for installation and upgrading. We highly recommend testing any theme you buy or product locally before trying it out on your live board.

Installation instructions:
  1. First, you will need to go to audentio.com and login to your customer area.
  2. Go to your license for whichever product you've purchased. Click 'Download UI.X Add-on'. This add-on is used for functionality purposes as well as downloading the theme itself. This add-on is required.
  3. After downloading, extract the .zip files somewhere, and upload the contents of /upload/ to your XenForo root directory
  4. Grab the .xml file in that extracted .zip and install it via the ACP add-on manager.
  5. Once the add-on is installed, go back to your customer area and generate an API key.
  6. Once this is done, you can go to Appearance > UI.X > Styles (in your sidebar) and you should see the product you purchased with an install button next to it. Click that.
  7. There will be some options. Follow the instructions to install automatically (note that you may be prompted to CHMOD your directories). You may also install manually, there are instructions in this area under a tab called 'Install manually'.
  8. If you ever get stuck, we are a ticket away!

Upgrading instructions:
  1. First, and foremost, make a backup of your theme. A backup of your site as a whole is never a bad idea either especially if you are going to production board
  2. Second, disable the UI.X Add-on. This will cause some PHP errors if you are missing tables, so its best to just disable it. If you do accidentally forget, you must add $config['enableListeners'] = 0; to your library/config.php file, then start back at step 2.
  3. Download the latest version of the add-on, located in your downloads area as a green button
  4. Upload the contents of the /upload/ folder within that extracted zip folder to your root XenForo directory
  5. After that has finished, go into your XenForo ACP and click on the UI.X add-on. You will get a modal that says upgrade add-on. Browse for the .xml of the add-on that was in the .zip file and continue
  6. After that has finished, you can choose if you want to update the theme via the add-on or manually. We recommend doing it automatically so that is how we will continue in step 7.
  7. If you go to Appearance, on the sidebar you'll see UI.X > Styles. Click Update next to the style you want to update, or you can install fresh here as well.
After upgrading has finished, you may need to run through and change a few style properties or merge some templates. If you get stuck WE ARE HERE TO HELP. We want your site to be working properly and for you to love the final result. Post in the thread or create a ticket at audentio.com! :)

UI.X must be considered a software sitting within XenForo, especially days after a major release. So it must be tested. In fact, if you are uncomfortable, wait a few days for those who are fine beta testing to run through and find some bugs.

Changelog:

  1. Ability to collapse nodes down into a 'drawer', great if you have a dozen or more nodes under one category on the node list
  2. Fixed issue where some internal links would not be scrolled to (with the sticky nav)
  3. Fixed issue with prefixes sometimes popping off the line in a few edit thread modals
  4. Restyled prefixes to match the modern color palette
  5. Consolidate message meta private controls into dropdown menu with trigger
  6. Abridged signature trigger appearing when signature isnt long enough
  7. Make node icon variable available on forum_view and thread_view
  8. 'Stay logged in' breaking to next line in a few places
  9. Minor fixes for the AD Styler for certain themes
  10. Media Gallery and RM sidebar using gutter width variable now
  11. Ability to remove tablinks from certain views, such as register/login. Should now be able to xen:container uix_tabLinksDropdownHide,uix_tabLinksDropdownShow, uix_tabLinksBarHide, anduix_tabLinksBarShow.
  12. Add in node grid gutter variable to contorl width between nodes.
  13. Style level 0 forum node category strips.
  14. Change "Remove content wrapper" style property to select menu and add in a few content wrapper styles. Default, outside of sidebar, and none.
  15. Changed the hover close trigger for signatures to be the signature itself rather than the message
  16. Fixed issue with tablinks search always showing, even when permissions did not allow it.
  17. Updated FontAwesome (and Iconator, see below on how to upgrade that)
  18. Cleaned up Thread Display Options
  19. Flexbox sidebar widgets for mobile/tablet
  20. Postbit on thread view now goes full height
  21. Fixed icon margin next to username when header is fixed
  22. A few specific URL structures caused bugs in the JavaScript
  23. Fixed AD Navigation manager icons not floating correctly
  24. Minor fixes for Backstretch working in more situations
  25. Fix for the xenForo media gallery slider calculation
  26. Fixed issue regarding sidebar visitor panel and a missing </xen:hook>
  27. Support for post ratings icon label on the visitor panel

If you have any questions or concerns please feel free to post in the thread!

Thanks for using UI.X!


To upgrade the iconator, go to your ACP. Click on Options > UI.X Iconator. Replace the contents of the large list of icons with:
fa fa-500px,fa fa-adjust,fa fa-adn,fa fa-align-center,fa fa-align-justify,fa fa-align-left,fa fa-align-right,fa fa-amazon,fa fa-ambulance,fa fa-american-sign-language-interpreting,fa fa-anchor,fa fa-android,fa fa-angellist,fa fa-angle-double-down,fa fa-angle-double-left,fa fa-angle-double-right,fa fa-angle-double-up,fa fa-angle-down,fa fa-angle-left,fa fa-angle-right,fa fa-angle-up,fa fa-apple,fa fa-archive,fa fa-area-chart,fa fa-arrow-circle-down,fa fa-arrow-circle-left,fa fa-arrow-circle-o-down,fa fa-arrow-circle-o-left,fa fa-arrow-circle-o-right,fa fa-arrow-circle-o-up,fa fa-arrow-circle-right,fa fa-arrow-circle-up,fa fa-arrow-down,fa fa-arrow-left,fa fa-arrow-right,fa fa-arrow-up,fa fa-arrows,fa fa-arrows-alt,fa fa-arrows-h,fa fa-arrows-v,fa fa-asl-interpreting,fa fa-assistive-listening-systems,fa fa-asterisk,fa fa-at,fa fa-audio-description,fa fa-automobile,fa fa-backward,fa fa-balance-scale,fa fa-ban,fa fa-bank,fa fa-bar-chart,fa fa-bar-chart-o,fa fa-barcode,fa fa-bars,fa fa-battery-0,fa fa-battery-1,fa fa-battery-2,fa fa-battery-3,fa fa-battery-4,fa fa-battery-empty,fa fa-battery-full,fa fa-battery-half,fa fa-battery-quarter,fa fa-battery-three-quarters,fa fa-bed,fa fa-beer,fa fa-behance,fa fa-behance-square,fa fa-bell,fa fa-bell-o,fa fa-bell-slash,fa fa-bell-slash-o,fa fa-bicycle,fa fa-binoculars,fa fa-birthday-cake,fa fa-bitbucket,fa fa-bitbucket-square,fa fa-bitcoin,fa fa-black-tie,fa fa-blind,fa fa-bluetooth,fa fa-bluetooth-b,fa fa-bold,fa fa-bolt,fa fa-bomb,fa fa-book,fa fa-bookmark,fa fa-bookmark-o,fa fa-braille,fa fa-briefcase,fa fa-btc,fa fa-bug,fa fa-building,fa fa-building-o,fa fa-bullhorn,fa fa-bullseye,fa fa-bus,fa fa-buysellads,fa fa-cab,fa fa-calculator,fa fa-calendar,fa fa-calendar-check-o,fa fa-calendar-minus-o,fa fa-calendar-o,fa fa-calendar-plus-o,fa fa-calendar-times-o,fa fa-camera,fa fa-camera-retro,fa fa-car,fa fa-caret-down,fa fa-caret-left,fa fa-caret-right,fa fa-caret-square-o-down,fa fa-caret-square-o-left,fa fa-caret-square-o-right,fa fa-caret-square-o-up,fa fa-caret-up,fa fa-cart-arrow-down,fa fa-cart-plus,fa fa-cc,fa fa-cc-amex,fa fa-cc-diners-club,fa fa-cc-discover,fa fa-cc-jcb,fa fa-cc-mastercard,fa fa-cc-paypal,fa fa-cc-stripe,fa fa-cc-visa,fa fa-certificate,fa fa-chain,fa fa-chain-broken,fa fa-check,fa fa-check-circle,fa fa-check-circle-o,fa fa-check-square,fa fa-check-square-o,fa fa-chevron-circle-down,fa fa-chevron-circle-left,fa fa-chevron-circle-right,fa fa-chevron-circle-up,fa fa-chevron-down,fa fa-chevron-left,fa fa-chevron-right,fa fa-chevron-up,fa fa-child,fa fa-chrome,fa fa-circle,fa fa-circle-o,fa fa-circle-o-notch,fa fa-circle-thin,fa fa-clipboard,fa fa-clock-o,fa fa-clone,fa fa-close,fa fa-cloud,fa fa-cloud-download,fa fa-cloud-upload,fa fa-cny,fa fa-code,fa fa-code-fork,fa fa-codepen,fa fa-codiepie,fa fa-coffee,fa fa-cog,fa fa-cogs,fa fa-columns,fa fa-comment,fa fa-comment-o,fa fa-commenting,fa fa-commenting-o,fa fa-comments,fa fa-comments-o,fa fa-compass,fa fa-compress,fa fa-connectdevelop,fa fa-contao,fa fa-copy,fa fa-copyright,fa fa-creative-commons,fa fa-credit-card,fa fa-credit-card-alt,fa fa-crop,fa fa-crosshairs,fa fa-css3,fa fa-cube,fa fa-cubes,fa fa-cut,fa fa-cutlery,fa fa-dashboard,fa fa-dashcube,fa fa-database,fa fa-deaf,fa fa-deafness,fa fa-dedent,fa fa-delicious,fa fa-desktop,fa fa-deviantart,fa fa-diamond,fa fa-digg,fa fa-dollar,fa fa-dot-circle-o,fa fa-download,fa fa-dribbble,fa fa-dropbox,fa fa-drupal,fa fa-edge,fa fa-edit,fa fa-eject,fa fa-ellipsis-h,fa fa-ellipsis-v,fa fa-empire,fa fa-envelope,fa fa-envelope-o,fa fa-envelope-square,fa fa-envira,fa fa-eraser,fa fa-eur,fa fa-euro,fa fa-exchange,fa fa-exclamation,fa fa-exclamation-circle,fa fa-exclamation-triangle,fa fa-expand,fa fa-expeditedssl,fa fa-external-link,fa fa-external-link-square,fa fa-eye,fa fa-eye-slash,fa fa-eyedropper,fa fa-fa,fa fa-facebook,fa fa-facebook-f,fa fa-facebook-official,fa fa-facebook-square,fa fa-fast-backward,fa fa-fast-forward,fa fa-fax,fa fa-feed,fa fa-female,fa fa-fighter-jet,fa fa-file,fa fa-file-archive-o,fa fa-file-audio-o,fa fa-file-code-o,fa fa-file-excel-o,fa fa-file-image-o,fa fa-file-movie-o,fa fa-file-o,fa fa-file-pdf-o,fa fa-file-photo-o,fa fa-file-picture-o,fa fa-file-powerpoint-o,fa fa-file-sound-o,fa fa-file-text,fa fa-file-text-o,fa fa-file-video-o,fa fa-file-word-o,fa fa-file-zip-o,fa fa-files-o,fa fa-film,fa fa-filter,fa fa-fire,fa fa-fire-extinguisher,fa fa-firefox,fa fa-first-order,fa fa-flag,fa fa-flag-checkered,fa fa-flag-o,fa fa-flash,fa fa-flask,fa fa-flickr,fa fa-floppy-o,fa fa-folder,fa fa-folder-o,fa fa-folder-open,fa fa-folder-open-o,fa fa-font,fa fa-font-awesome,fa fa-fonticons,fa fa-fort-awesome,fa fa-forumbee,fa fa-forward,fa fa-foursquare,fa fa-frown-o,fa fa-futbol-o,fa fa-gamepad,fa fa-gavel,fa fa-gbp,fa fa-ge,fa fa-gear,fa fa-gears,fa fa-genderless,fa fa-get-pocket,fa fa-gg,fa fa-gg-circle,fa fa-gift,fa fa-git,fa fa-git-square,fa fa-github,fa fa-github-alt,fa fa-github-square,fa fa-gitlab,fa fa-gittip,fa fa-glass,fa fa-glide,fa fa-glide-g,fa fa-globe,fa fa-google,fa fa-google-plus,fa fa-google-plus-circle,fa fa-google-plus-official,fa fa-google-plus-square,fa fa-google-wallet,fa fa-graduation-cap,fa fa-gratipay,fa fa-group,fa fa-h-square,fa fa-hacker-news,fa fa-hand-grab-o,fa fa-hand-lizard-o,fa fa-hand-o-down,fa fa-hand-o-left,fa fa-hand-o-right,fa fa-hand-o-up,fa fa-hand-paper-o,fa fa-hand-peace-o,fa fa-hand-pointer-o,fa fa-hand-rock-o,fa fa-hand-scissors-o,fa fa-hand-spock-o,fa fa-hand-stop-o,fa fa-hard-of-hearing,fa fa-hashtag,fa fa-hdd-o,fa fa-header,fa fa-headphones,fa fa-heart,fa fa-heart-o,fa fa-heartbeat,fa fa-history,fa fa-home,fa fa-hospital-o,fa fa-hotel,fa fa-hourglass,fa fa-hourglass-1,fa fa-hourglass-2,fa fa-hourglass-3,fa fa-hourglass-end,fa fa-hourglass-half,fa fa-hourglass-o,fa fa-hourglass-start,fa fa-houzz,fa fa-html5,fa fa-i-cursor,fa fa-ils,fa fa-image,fa fa-inbox,fa fa-indent,fa fa-industry,fa fa-info,fa fa-info-circle,fa fa-inr,fa fa-instagram,fa fa-institution,fa fa-internet-explorer,fa fa-intersex,fa fa-ioxhost,fa fa-italic,fa fa-joomla,fa fa-jpy,fa fa-jsfiddle,fa fa-key,fa fa-keyboard-o,fa fa-krw,fa fa-language,fa fa-laptop,fa fa-lastfm,fa fa-lastfm-square,fa fa-leaf,fa fa-leanpub,fa fa-legal,fa fa-lemon-o,fa fa-level-down,fa fa-level-up,fa fa-life-bouy,fa fa-life-buoy,fa fa-life-ring,fa fa-life-saver,fa fa-lightbulb-o,fa fa-line-chart,fa fa-link,fa fa-linkedin,fa fa-linkedin-square,fa fa-linux,fa fa-list,fa fa-list-alt,fa fa-list-ol,fa fa-list-ul,fa fa-location-arrow,fa fa-lock,fa fa-long-arrow-down,fa fa-long-arrow-left,fa fa-long-arrow-right,fa fa-long-arrow-up,fa fa-low-vision,fa fa-magic,fa fa-magnet,fa fa-mail-forward,fa fa-mail-reply,fa fa-mail-reply-all,fa fa-male,fa fa-map,fa fa-map-marker,fa fa-map-o,fa fa-map-pin,fa fa-map-signs,fa fa-mars,fa fa-mars-double,fa fa-mars-stroke,fa fa-mars-stroke-h,fa fa-mars-stroke-v,fa fa-maxcdn,fa fa-meanpath,fa fa-medium,fa fa-medkit,fa fa-meh-o,fa fa-mercury,fa fa-microphone,fa fa-microphone-slash,fa fa-minus,fa fa-minus-circle,fa fa-minus-square,fa fa-minus-square-o,fa fa-mixcloud,fa fa-mobile,fa fa-mobile-phone,fa fa-modx,fa fa-money,fa fa-moon-o,fa fa-mortar-board,fa fa-motorcycle,fa fa-mouse-pointer,fa fa-music,fa fa-navicon,fa fa-neuter,fa fa-newspaper-o,fa fa-object-group,fa fa-object-ungroup,fa fa-odnoklassniki,fa fa-odnoklassniki-square,fa fa-opencart,fa fa-openid,fa fa-opera,fa fa-optin-monster,fa fa-outdent,fa fa-pagelines,fa fa-paint-brush,fa fa-paper-plane,fa fa-paper-plane-o,fa fa-paperclip,fa fa-paragraph,fa fa-paste,fa fa-pause,fa fa-pause-circle,fa fa-pause-circle-o,fa fa-paw,fa fa-paypal,fa fa-pencil,fa fa-pencil-square,fa fa-pencil-square-o,fa fa-percent,fa fa-phone,fa fa-phone-square,fa fa-photo,fa fa-picture-o,fa fa-pie-chart,fa fa-pied-piper,fa fa-pied-piper-alt,fa fa-pied-piper-pp,fa fa-pinterest,fa fa-pinterest-p,fa fa-pinterest-square,fa fa-plane,fa fa-play,fa fa-play-circle,fa fa-play-circle-o,fa fa-plug,fa fa-plus,fa fa-plus-circle,fa fa-plus-square,fa fa-plus-square-o,fa fa-power-off,fa fa-print,fa fa-product-hunt,fa fa-puzzle-piece,fa fa-qq,fa fa-qrcode,fa fa-question,fa fa-question-circle,fa fa-question-circle-o,fa fa-quote-left,fa fa-quote-right,fa fa-ra,fa fa-random,fa fa-rebel,fa fa-recycle,fa fa-reddit,fa fa-reddit-alien,fa fa-reddit-square,fa fa-refresh,fa fa-registered,fa fa-remove,fa fa-renren,fa fa-reorder,fa fa-repeat,fa fa-reply,fa fa-reply-all,fa fa-resistance,fa fa-retweet,fa fa-rmb,fa fa-road,fa fa-rocket,fa fa-rotate-left,fa fa-rotate-right,fa fa-rouble,fa fa-rss,fa fa-rss-square,fa fa-rub,fa fa-ruble,fa fa-rupee,fa fa-safari,fa fa-save,fa fa-scissors,fa fa-scribd,fa fa-search,fa fa-search-minus,fa fa-search-plus,fa fa-sellsy,fa fa-send,fa fa-send-o,fa fa-server,fa fa-share,fa fa-share-alt,fa fa-share-alt-square,fa fa-share-square,fa fa-share-square-o,fa fa-shekel,fa fa-sheqel,fa fa-shield,fa fa-ship,fa fa-shirtsinbulk,fa fa-shopping-bag,fa fa-shopping-basket,fa fa-shopping-cart,fa fa-sign-in,fa fa-sign-language,fa fa-sign-out,fa fa-signal,fa fa-signing,fa fa-simplybuilt,fa fa-sitemap,fa fa-skyatlas,fa fa-skype,fa fa-slack,fa fa-sliders,fa fa-slideshare,fa fa-smile-o,fa fa-snapchat,fa fa-snapchat-ghost,fa fa-snapchat-square,fa fa-soccer-ball-o,fa fa-sort,fa fa-sort-alpha-asc,fa fa-sort-alpha-desc,fa fa-sort-amount-asc,fa fa-sort-amount-desc,fa fa-sort-asc,fa fa-sort-desc,fa fa-sort-down,fa fa-sort-numeric-asc,fa fa-sort-numeric-desc,fa fa-sort-up,fa fa-soundcloud,fa fa-space-shuttle,fa fa-spinner,fa fa-spoon,fa fa-spotify,fa fa-square,fa fa-square-o,fa fa-stack-exchange,fa fa-stack-overflow,fa fa-star,fa fa-star-half,fa fa-star-half-empty,fa fa-star-half-full,fa fa-star-half-o,fa fa-star-o,fa fa-steam,fa fa-steam-square,fa fa-step-backward,fa fa-step-forward,fa fa-stethoscope,fa fa-sticky-note,fa fa-sticky-note-o,fa fa-stop,fa fa-stop-circle,fa fa-stop-circle-o,fa fa-street-view,fa fa-strikethrough,fa fa-stumbleupon,fa fa-stumbleupon-circle,fa fa-subscript,fa fa-subway,fa fa-suitcase,fa fa-sun-o,fa fa-superscript,fa fa-support,fa fa-table,fa fa-tablet,fa fa-tachometer,fa fa-tag,fa fa-tags,fa fa-tasks,fa fa-taxi,fa fa-television,fa fa-tencent-weibo,fa fa-terminal,fa fa-text-height,fa fa-text-width,fa fa-th,fa fa-th-large,fa fa-th-list,fa fa-themeisle,fa fa-thumb-tack,fa fa-thumbs-down,fa fa-thumbs-o-down,fa fa-thumbs-o-up,fa fa-thumbs-up,fa fa-ticket,fa fa-times,fa fa-times-circle,fa fa-times-circle-o,fa fa-tint,fa fa-toggle-down,fa fa-toggle-left,fa fa-toggle-off,fa fa-toggle-on,fa fa-toggle-right,fa fa-toggle-up,fa fa-trademark,fa fa-train,fa fa-transgender,fa fa-transgender-alt,fa fa-trash,fa fa-trash-o,fa fa-tree,fa fa-trello,fa fa-tripadvisor,fa fa-trophy,fa fa-truck,fa fa-try,fa fa-tty,fa fa-tumblr,fa fa-tumblr-square,fa fa-turkish-lira,fa fa-tv,fa fa-twitch,fa fa-twitter,fa fa-twitter-square,fa fa-umbrella,fa fa-underline,fa fa-undo,fa fa-universal-access,fa fa-university,fa fa-unlink,fa fa-unlock,fa fa-unlock-alt,fa fa-unsorted,fa fa-upload,fa fa-usb,fa fa-usd,fa fa-user,fa fa-user-md,fa fa-user-plus,fa fa-user-secret,fa fa-user-times,fa fa-users,fa fa-venus,fa fa-venus-double,fa fa-venus-mars,fa fa-viacoin,fa fa-viadeo,fa fa-viadeo-square,fa fa-video-camera,fa fa-vimeo,fa fa-vimeo-square,fa fa-vine,fa fa-vk,fa fa-volume-control-phone,fa fa-volume-down,fa fa-volume-off,fa fa-volume-up,fa fa-warning,fa fa-wechat,fa fa-weibo,fa fa-weixin,fa fa-whatsapp,fa fa-wheelchair,fa fa-wheelchair-alt,fa fa-wifi,fa fa-wikipedia-w,fa fa-windows,fa fa-won,fa fa-wordpress,fa fa-wpbeginner,fa fa-wpforms,fa fa-wrench,fa fa-xing,fa fa-xing-square,fa fa-y-combinator,fa fa-y-combinator-square,fa fa-yahoo,fa fa-yc,fa fa-yc-square,fa fa-yelp,fa fa-yen,fa fa-yoast,fa fa-youtube,fa fa-youtube-play,fa fa-youtube-square
Hi everyone,

Note: this version requires the latest update to the UI.X add-on version 1.0.9. The add-on can be downloaded from your customer area at Audentio.com.

We also offer installation ($15) and upgrades (starting at $99 - but if you set it up properly its free because its just one click) for those who would rather we take care of it for you. Any major issues will be fixed and we'll set it up so you only have to click a button moving forward.

If you want to do this yourself, here are the steps for installation and upgrading. We highly recommend testing any theme you buy or product locally before trying it out on your live board.

Installation instructions:
  1. First, you will need to go to audentio.com and login to your customer area.
  2. Go to your license for whichever product you've purchased. Click 'Download UI.X Add-on'. This add-on is used for functionality purposes as well as downloading the theme itself. This add-on is required.
  3. After downloading, extract the .zip files somewhere, and upload the contents of /upload/ to your XenForo root directory
  4. Grab the .xml file in that extracted .zip and install it via the ACP add-on manager.
  5. Once the add-on is installed, go back to your customer area and generate an API key.
  6. Once this is done, you can go to Appearance > UI.X > Styles (in your sidebar) and you should see the product you purchased with an install button next to it. Click that.
  7. There will be some options. Follow the instructions to install automatically (note that you may be prompted to CHMOD your directories). You may also install manually, there are instructions in this area under a tab called 'Install manually'.
  8. If you ever get stuck, we are a ticket away!

Upgrading instructions:
  1. First, and foremost, make a backup of your theme. A backup of your site as a whole is never a bad idea either especially if you are going to production board
  2. Second, disable the UI.X Add-on. This will cause some PHP errors if you are missing tables, so its best to just disable it. If you do accidentally forget, you must add $config['enableListeners'] = 0; to your library/config.php file, then start back at step 2.
  3. Download the latest version of the add-on, located in your downloads area as a green button
  4. Upload the contents of the /upload/ folder within that extracted zip folder to your root XenForo directory
  5. After that has finished, go into your XenForo ACP and click on the UI.X add-on. You will get a modal that says upgrade add-on. Browse for the .xml of the add-on that was in the .zip file and continue
  6. After that has finished, you can choose if you want to update the theme via the add-on or manually. We recommend doing it automatically so that is how we will continue in step 7.
  7. If you go to Appearance, on the sidebar you'll see UI.X > Styles. Click Update next to the style you want to update, or you can install fresh here as well.
After upgrading has finished, you may need to run through and change a few style properties or merge some templates. If you get stuck WE ARE HERE TO HELP. We want your site to be working properly and for you to love the final result. Post in the thread or create a ticket at audentio.com! :)

UI.X must be considered a software sitting within XenForo, especially days after a major release. So it must be tested. In fact, if you are uncomfortable, wait a few days for those who are fine beta testing to run through and find some bugs.

Changelog:
  • #QuickReply .swfupload doesnt reposition on resize (XenForo bug)
  • Prefix wraps above input on create thread
  • Highlight text in post + reply offset is off
  • <xen:container var="$uix_sidebarToLeft">1</xen:container> and <xen:container var="$uix_sidebarToRight">1</xen:container> to shift sidebar from side to side on a per template basis.
  • Fixed Safari issue with fixed positioned components and page styles
  • Fix for collapsible signature always showing trigger and not allowing links to be clicked.
  • Scope minimal search / covered style rule to navigation.
  • Change `uix_icon-navOverflow` icon to horizontal ellipsis.
  • Change hover of tab links dropdown in canvas navigation
  • Moved social media in footer above copyright (markup, not rendered positioning)

If you have any questions or concerns please feel free to post in the thread!

Thanks for using UI.X!
Hi everyone,

Note: this version requires the latest update to the UI.X add-on version 1.0.9. The add-on can be downloaded from your customer area at Audentio.com.

We also offer installation ($15) and upgrades (starting at $99 - but if you set it up properly its free because its just one click) for those who would rather we take care of it for you. Any major issues will be fixed and we'll set it up so you only have to click a button moving forward.

If you want to do this yourself, here are the steps for installation and upgrading. We highly recommend testing any theme you buy or product locally before trying it out on your live board.

Installation instructions:
  1. First, you will need to go to audentio.com and login to your customer area.
  2. Go to your license for whichever product you've purchased. Click 'Download UI.X Add-on'. This add-on is used for functionality purposes as well as downloading the theme itself. This add-on is required.
  3. After downloading, extract the .zip files somewhere, and upload the contents of /upload/ to your XenForo root directory
  4. Grab the .xml file in that extracted .zip and install it via the ACP add-on manager.
  5. Once the add-on is installed, go back to your customer area and generate an API key.
  6. Once this is done, you can go to Appearance > UI.X > Styles (in your sidebar) and you should see the product you purchased with an install button next to it. Click that.
  7. There will be some options. Follow the instructions to install automatically (note that you may be prompted to CHMOD your directories). You may also install manually, there are instructions in this area under a tab called 'Install manually'.
  8. If you ever get stuck, we are a ticket away!

Upgrading instructions:
  1. First, and foremost, make a backup of your theme. A backup of your site as a whole is never a bad idea either especially if you are going to production board
  2. Second, disable the UI.X Add-on. This will cause some PHP errors if you are missing tables, so its best to just disable it. If you do accidentally forget, you must add $config['enableListeners'] = 0; to your library/config.php file, then start back at step 2.
  3. Download the latest version of the add-on, located in your downloads area as a green button
  4. Upload the contents of the /upload/ folder within that extracted zip folder to your root XenForo directory
  5. After that has finished, go into your XenForo ACP and click on the UI.X add-on. You will get a modal that says upgrade add-on. Browse for the .xml of the add-on that was in the .zip file and continue
  6. After that has finished, you can choose if you want to update the theme via the add-on or manually. We recommend doing it automatically so that is how we will continue in step 7.
  7. If you go to Appearance, on the sidebar you'll see UI.X > Styles. Click Update next to the style you want to update, or you can install fresh here as well.
After upgrading has finished, you may need to run through and change a few style properties or merge some templates. If you get stuck WE ARE HERE TO HELP. We want your site to be working properly and for you to love the final result. Post in the thread or create a ticket at audentio.com! :)

UI.X must be considered a software sitting within XenForo, especially days after a major release. So it must be tested. In fact, if you are uncomfortable, wait a few days for those who are fine beta testing to run through and find some bugs.

Changelog:
  • Move sidebar to a canvas panel
  • Tablinks selected tab canvas popup didn't work on XenForo Media Gallery
  • When viewport to hide username is activated, remove margin on right side. Was removing a padding.
  • When the uix_number is on, for last post, it should be a link.
  • Looked into redactor images not always showing up on third-party add-ons and fixed it
  • New post indicator on XenPorta article comments.
  • Covered page style and minimal search conflict
  • IE 11 issue with post pagination.
  • IE 11 issue with sticky offsetting links.
  • Remove extra bottom-border on side by side nodes
  • Switch facebook likebox (deprecated) for page plugin
  • If you have an affiliate account at Audentio.com, you can make it so the copyright tracks your affiliate ID
  • Created an option to disable queries for last post avatar
  • Mitigate the amount of hard-coded stuff in uix_login.css
  • Media Gallery toolbar button icons are off-center.
  • Create style property for .sidebar .section .secondaryContent
  • Added beautiful default styling for calendar popup to UI.X
  • Add title="Home" to breadcrumb icon (check navtab as well) - For SEO purposes
  • Remove extraneous right margin on link nodes.
  • Added a style property to toggle node styling. I turned it off by default, so if anyone is using it they'll need to turn it on. Its in UI.X Node style properties.
  • Fixed issue with Alerts counter becomes "0" after all alerts were watched in another tab
  • Fixed bug with count of alerts and conversations not always being in sync
  • Fixed a possible issue with node grid separators and some ads
  • CSS typo causing sidebar float issue on mobile.
  • Improved sticky sidebar functionality
  • Add font size to .xenOverlay a.close
  • Unread link out of alignment in discussion lists due to new changes to the discussion list.
  • Mini me avatars in discussion lists are nudged down due to changes to the discussion list.

If you have any questions or concerns please feel free to post in the thread!

Thanks for using UI.X!
Hi everyone,

Note: this version requires the latest update to the UI.X add-on version 1.0.8. The add-on can be downloaded from your customer area at Audentio.com.

We also offer installation ($15) and upgrades (starting at $99 - but if you set it up properly its free because its just one click) for those who would rather we take care of it for you. Any major issues will be fixed and we'll set it up so you only have to click a button moving forward.

If you want to do this yourself, here are the steps for installation and upgrading. We highly recommend testing any theme you buy or product locally before trying it out on your live board.

Installation instructions:
  1. First, you will need to go to audentio.com and login to your customer area.
  2. Go to your license for whichever product you've purchased. Click 'Download UI.X Add-on'. This add-on is used for functionality purposes as well as downloading the theme itself. This add-on is required.
  3. After downloading, extract the .zip files somewhere, and upload the contents of /upload/ to your XenForo root directory
  4. Grab the .xml file in that extracted .zip and install it via the ACP add-on manager.
  5. Once the add-on is installed, go back to your customer area and generate an API key.
  6. Once this is done, you can go to Appearance > UI.X > Styles (in your sidebar) and you should see the product you purchased with an install button next to it. Click that.
  7. There will be some options. Follow the instructions to install automatically (note that you may be prompted to CHMOD your directories). You may also install manually, there are instructions in this area under a tab called 'Install manually'.
  8. If you ever get stuck, we are a ticket away!

Upgrading instructions:
  1. First, and foremost, make a backup of your theme. A backup of your site as a whole is never a bad idea either especially if you are going to production board
  2. Second, disable the UI.X Add-on. This will cause some PHP errors if you are missing tables, so its best to just disable it. If you do accidentally forget, you must add $config['enableListeners'] = 0; to your library/config.php file, then start back at step 2.
  3. Download the latest version of the add-on, located in your downloads area as a green button
  4. Upload the contents of the /upload/ folder within that extracted zip folder to your root XenForo directory
  5. After that has finished, go into your XenForo ACP and click on the UI.X add-on. You will get a modal that says upgrade add-on. Browse for the .xml of the add-on that was in the .zip file and continue
  6. After that has finished, you can choose if you want to update the theme via the add-on or manually. We recommend doing it automatically so that is how we will continue in step 7.
  7. If you go to Appearance, on the sidebar you'll see UI.X > Styles. Click Update next to the style you want to update, or you can install fresh here as well.
After upgrading has finished, you may need to run through and change a few style properties or merge some templates. If you get stuck WE ARE HERE TO HELP. We want your site to be working properly and for you to love the final result. Post in the thread or create a ticket at audentio.com! :)

UI.X must be considered a software sitting within XenForo, especially days after a major release. So it must be tested. In fact, if you are uncomfortable, wait a few days for those who are fine beta testing to run through and find some bugs.

Changelog:
  • Improvements to dicussion list items styling
  • Phrases added for hover/click/stop hovering/clicking on signature collapse functionality
  • Removed the ability to change footer width globally from add-on, as this was confusing to understand with the same style property
  • Style tags inside of inputs cleaned up
  • Click to expand on quotes made legible
  • Ability to move sidebar to left or right on a per page basis <xen:container var="$uix_sidebarToLeft">1</xen:container> will move the sidebar to the left for example, similarly with uix_sidebarToRight
  • Auto installer should work with PHP 5.2.X now
  • Removed .sidebar class from .xengallerySidebar component
  • Handle text indent on quicksearch inputs
  • Improvements to navigation CSS
  • Text overflows on last post in thread lists
  • Added a class to all messages so you can select who started the thread (.uix_discussionAuthor)
  • .primaryContent and .secondaryContent now have a border-bottom as is default in XenForo. @Bob mentioned that removing this as we did was at the detriment to add-on developers, so we've added it back in. if you see borders that should not be there, they need to be handled on a case by case basis
  • Fixed bug with firefox offcanvas menu
  • Expanded messageUserInfo sections stay expanded below the responsive message breakpoint.
  • Clicking once on user account dropdown should not go to a new page, just like the login dropdown and responsive overflow dropdown
  • Removed extra margin on page style
  • Instagram, reddit, and vimeo icons broken in social media

If you have any questions or concerns please feel free to post in the thread!

Thanks for using UI.X!
Hi everyone,

Note: this version requires the latest update to the UI.X add-on version 1.0.7. The add-on can be downloaded from your customer area at Audentio.com.

We also offer installation ($15) and upgrades (starting at $99 - but if you set it up properly its free because its just one click) for those who would rather we take care of it for you. Any major issues will be fixed and we'll set it up so you only have to click a button moving forward.

If you want to do this yourself, here are the steps for installation and upgrading. We highly recommend testing any theme you buy or product locally before trying it out on your live board.

Installation instructions:
  1. First, you will need to go to audentio.com and login to your customer area.
  2. Go to your license for whichever product you've purchased. Click 'Download UI.X Add-on'. This add-on is used for functionality purposes as well as downloading the theme itself. This add-on is required.
  3. After downloading, extract the .zip files somewhere, and upload the contents of /upload/ to your XenForo root directory
  4. Grab the .xml file in that extracted .zip and install it via the ACP add-on manager.
  5. Once the add-on is installed, go back to your customer area and generate an API key.
  6. Once this is done, you can go to Appearance > UI.X > Styles (in your sidebar) and you should see the product you purchased with an install button next to it. Click that.
  7. There will be some options. Follow the instructions to install automatically (note that you may be prompted to CHMOD your directories). You may also install manually, there are instructions in this area under a tab called 'Install manually'.
  8. If you ever get stuck, we are a ticket away!

Upgrading instructions:
  1. First, and foremost, make a backup of your theme. A backup of your site as a whole is never a bad idea either especially if you are going to production board
  2. Second, disable the UI.X Add-on. This will cause some PHP errors if you are missing tables, so its best to just disable it. If you do accidentally forget, you must add $config['enableListeners'] = 0; to your library/config.php file, then start back at step 2.
  3. Download the latest version of the add-on, located in your downloads area as a green button
  4. Upload the contents of the /upload/ folder within that extracted zip folder to your root XenForo directory
  5. After that has finished, go into your XenForo ACP and click on the UI.X add-on. You will get a modal that says upgrade add-on. Browse for the .xml of the add-on that was in the .zip file and continue
  6. After that has finished, you can choose if you want to update the theme via the add-on or manually. We recommend doing it automatically so that is how we will continue in step 7.
  7. If you go to Appearance, on the sidebar you'll see UI.X > Styles. Click Update next to the style you want to update, or you can install fresh here as well.
After upgrading has finished, you may need to run through and change a few style properties or merge some templates. If you get stuck WE ARE HERE TO HELP. We want your site to be working properly and for you to love the final result. Post in the thread or create a ticket at audentio.com! :)

UI.X must be considered a software sitting within XenForo, especially days after a major release. So it must be tested. In fact, if you are uncomfortable, wait a few days for those who are fine beta testing to run through and find some bugs.

Changelog:
  • Clean up social media and extended footer selectors
  • Improvements to sticky sidebar offset
  • Sticky sidebar can now rerun after images are loaded in, and this is configurable in milliseconds
  • Update support for Xenporta 2. Settings have been added in edited css templates.
  • Sliding message user info bug. Arrow should only change color if avatar is collapsible.
  • Topctrl in content is block level. Requires floating.
  • Made a style property for tags, missing in XenForo for some reason
  • Randomize backstretch image on load
  • Fixed an error that could sometimes show an empty userbar.
  • If nav sticky, and width toggle has an item overflowing, nav overflow function doesnt work
  • Off canvas/on canvas collapsing menus get out of sync with their state.
  • Add vertical-align: top; to footer link icons
  • Welcome block override now takes into account permissions and "enable welcome block" option.
  • Bring welcome block logic into the pageContainterLogic template. Add hasWelcomeBlock class to html.
  • Include a media query to reduce font size of logo at a certain size
  • Added style property for navigation logo text.
  • Text-overflow on text logo not working. (Got rid of it)
  • Deprecated @uix_logoTextIconStyle
  • Got rid of unintended margin on panel trigger icons.
  • Added back the transition for the sticky on scroll up.
  • Remove line-height:1 on sidebar icons.
  • Float not being applied to Sliding avatar and extra info trigger
  • Fixed edge case where sticky sidebar would sometimes not get correct bounds inside conversations
  • Fixed edge case where viewing alerts on offcanvas menu when you had unread conversations removing the number of unread conversations on the offcanvas trigger.
If you have any questions or concerns please feel free to post in the thread!

Thanks for using UI.X!
Hi everyone,

Note: this version requires the latest update to the UI.X add-on version 1.0.7. The add-on can be downloaded from your customer area at Audentio.com.

We also offer installation ($15) and upgrades (starting at $99 - but if you set it up properly its free because its just one click) for those who would rather we take care of it for you. Any major issues will be fixed and we'll set it up so you only have to click a button moving forward.

If you want to do this yourself, here are the steps for installation and upgrading. We highly recommend testing any theme you buy or product locally before trying it out on your live board.

Installation instructions:
  1. First, you will need to go to audentio.com and login to your customer area.
  2. Go to your license for whichever product you've purchased. Click 'Download UI.X Add-on'. This add-on is used for functionality purposes as well as downloading the theme itself. This add-on is required.
  3. After downloading, extract the .zip files somewhere, and upload the contents of /upload/ to your XenForo root directory
  4. Grab the .xml file in that extracted .zip and install it via the ACP add-on manager.
  5. Once the add-on is installed, go back to your customer area and generate an API key.
  6. Once this is done, you can go to Appearance > UI.X > Styles (in your sidebar) and you should see the product you purchased with an install button next to it. Click that.
  7. There will be some options. Follow the instructions to install automatically (note that you may be prompted to CHMOD your directories). You may also install manually, there are instructions in this area under a tab called 'Install manually'.
  8. If you ever get stuck, we are a ticket away!

Upgrading instructions:
  1. First, and foremost, make a backup of your theme. A backup of your site as a whole is never a bad idea either especially if you are going to production board
  2. Second, disable the UI.X Add-on. This will cause some PHP errors if you are missing tables, so its best to just disable it. If you do accidentally forget, you must add $config['enableListeners'] = 0; to your library/config.php file, then start back at step 2.
  3. Download the latest version of the add-on, located in your downloads area as a green button
  4. Upload the contents of the /upload/ folder within that extracted zip folder to your root XenForo directory
  5. After that has finished, go into your XenForo ACP and click on the UI.X add-on. You will get a modal that says upgrade add-on. Browse for the .xml of the add-on that was in the .zip file and continue
  6. After that has finished, you can choose if you want to update the theme via the add-on or manually. We recommend doing it automatically so that is how we will continue in step 7.
  7. If you go to Appearance, on the sidebar you'll see UI.X > Styles. Click Update next to the style you want to update, or you can install fresh here as well.
After upgrading has finished, you may need to run through and change a few style properties or merge some templates. If you get stuck WE ARE HERE TO HELP. We want your site to be working properly and for you to love the final result. Post in the thread or create a ticket at audentio.com! :)

UI.X must be considered a software sitting within XenForo, especially days after a major release. So it must be tested. In fact, if you are uncomfortable, wait a few days for those who are fine beta testing to run through and find some bugs.

Changelog:
  • Changed the icon on collapse sidebar, the thin double arrow one seemed a tad off by default
  • Fixed a margin on the right side of icons in the navigation
  • Deprecated @uix_wrapperResponsiveNarrow, @uix_wrapperResponsiveMedium, @uix_wrapperResponsiveWide
  • Fixed bug where long side panel navlinks overflow to next line.
  • Fluid width issue on mobile
  • Fix for off canvas alerts being marked read too quickly
  • Sticky navigation offset value incorrect when jumping to a post in a thread, or any internal link
  • Sidebar toggle flicker issue fixed
  • Thread tools popup overflow scrollbar resolved
  • Fixed @uix_dropdownMenuAnimationSpeed style property to force an integer again.
  • Item count issue with displaying incorrect value and the zero value, with alerts/messages
  • Fixed a logic issue where some times static canvas panels would not be enabled and yet some things like navigation or visitor tabs would hide
  • Breadcrumb separator icons get thrown to their own line after being expanded. (i.e. after clicking the ellipsis on mobile)
  • Individual breadcrumbs don't have a text-overflow ellipsis when breadcrumb separators are icons.
  • '@loginBar' style property missing position: relative;
  • Bug: In off-canvas visitor tabs, improperly defined tab and tabpanel causes all links in the alerts tabpanel to not direct to their proper URLs.
  • Collapse sidebar Trigger not hiding for mobile like it used to
  • Minor improvements to markup and logic with message_user_info collapse
If you have any questions or concerns please feel free to post in the thread!

Thanks for using UI.X!
Hi everyone,

Note: this version requires the latest update to the UI.X add-on version 1.0.7. The add-on can be downloaded from your customer area at Audentio.com.

We also offer installation ($15) and upgrades (starting at $99 - but if you set it up properly its free because its just one click) for those who would rather we take care of it for you. Any major issues will be fixed and we'll set it up so you only have to click a button moving forward.

If you want to do this yourself, here are the steps for installation and upgrading. We highly recommend testing any theme you buy or product locally before trying it out on your live board.

Installation instructions:
  1. First, you will need to go to audentio.com and login to your customer area.
  2. Go to your license for whichever product you've purchased. Click 'Download UI.X Add-on'. This add-on is used for functionality purposes as well as downloading the theme itself. This add-on is required.
  3. After downloading, extract the .zip files somewhere, and upload the contents of /upload/ to your XenForo root directory
  4. Grab the .xml file in that extracted .zip and install it via the ACP add-on manager.
  5. Once the add-on is installed, go back to your customer area and generate an API key.
  6. Once this is done, you can go to Appearance > UI.X > Styles (in your sidebar) and you should see the product you purchased with an install button next to it. Click that.
  7. There will be some options. Follow the instructions to install automatically (note that you may be prompted to CHMOD your directories). You may also install manually, there are instructions in this area under a tab called 'Install manually'.
  8. If you ever get stuck, we are a ticket away!

Upgrading instructions:
  1. First, and foremost, make a backup of your theme. A backup of your site as a whole is never a bad idea either especially if you are going to production board
  2. Second, disable the UI.X Add-on. This will cause some PHP errors if you are missing tables, so its best to just disable it. If you do accidentally forget, you must add $config['enableListeners'] = 0; to your library/config.php file, then start back at step 2.
  3. Download the latest version of the add-on, located in your downloads area as a green button
  4. Upload the contents of the /upload/ folder within that extracted zip folder to your root XenForo directory
  5. After that has finished, go into your XenForo ACP and click on the UI.X add-on. You will get a modal that says upgrade add-on. Browse for the .xml of the add-on that was in the .zip file and continue
  6. After that has finished, you can choose if you want to update the theme via the add-on or manually. We recommend doing it automatically so that is how we will continue in step 7.
  7. If you go to Appearance, on the sidebar you'll see UI.X > Styles. Click Update next to the style you want to update, or you can install fresh here as well.
After upgrading has finished, you may need to run through and change a few style properties or merge some templates. If you get stuck WE ARE HERE TO HELP. We want your site to be working properly and for you to love the final result. Post in the thread or create a ticket at audentio.com! :)

UI.X must be considered a software sitting within XenForo, especially days after a major release. So it must be tested. In fact, if you are uncomfortable, wait a few days for those who are fine beta testing to run through and find some bugs.

Changelog:
  • Off canvas panels have been adapted to support static panels, meaning panels that you can see on desktop without being 'off-canvas'. So we call them 'on-canvas'
  • Three animation styles (push, cover, and reveal) for off-canvas panels
  • Improve off-canvas panel markup for easier customization abilities
  • The panel tabs are made generic so other content can be moved into tabs with relative ease
  • Improved RTL support on canvases
  • Sticky threads collapse icon vertically aligns properly
  • Deprecated/removed uix_showCategoryDescOnHover, the setting that showed the category strip category description on hover, its not good UI and it also caused rendering issues
  • Border radius issue fixed on UI.X Extended Footer
  • Added style property for styling threadlist separator for sticky threads and normal threads
  • Fixed issue with collapsed nodes cookies expiring prematurely, they are set to indefinite now.
  • Added utility classes for gutter widths (.u-largeGutter, .u-smallGutter)
  • Added a style property to set fixed jump buttons left or right
  • Added a style property to set floated container items left or right
  • Added style property to set fixed welcome block left or right
  • Generic style properties for default xenforo floating notices
  • Major inline category node improvements to alignment of collapse icon, title, description, and category strip icon. Can use flexbox so alignment is easily changed as well
  • Major typography improvements, including the removal of lato by default to improve performance and load time
  • Added .is-sidebarOpen and .is-sidebarClosed
  • Deprecated/removed fluid width style property, must be changed in options instead for default state. Anything not 100% just doesn't work in responsive environments, it causes unnecessary space for odd devices and is unnecessary for the end user
  • Avatar styles no longer applied to member card, and fixed flash
  • Fixed an issue with long usernames overflowing on userblock
  • Fixed pageWidth margin hackery and made the code super clean and simplified
  • Added a style property for category strip node icons
  • Fixed a js offset issue with post pagination
  • Fixed a bug with signature collapsing
  • Fixed an error caused by some URLs when the javascript attempts to position the page to account for sticky bars.
  • Add signup button class: .signUpButton
  • Covered style / Search in tablinks / Sign up page bug - causing incorrect positioning of search bar

If you have any questions or concerns please feel free to post in the thread!

Thanks for using UI.X!
Top