Hey! Yes, I’m working on the new 1.3 update! With the current timeline, it will most probably be released by the end of the month. Stay tuned since the new update will bring many new fresh features, layouts and pages! I can confirm Chat UI component/page as well as a new inbox layout! As always, the update will be free to download for all existing customers

Hi, thank you for your interest in OneUI

OneUI is an abstract template which means that it could be implemented the same way any other similar web template would. I believe that it should work but further customizations might be required based on the way it will be used.

Hope that helps but let me know if you need any further info

Thank you!

Hi, thank you for your interest in OneUI and your kind comments, I’m so glad you like it!

Yes to all of your questions! Since OneUI is an abstract template, you can manipulate it any way you like by making changes to the html markup or to the CSS classes which alter the main layout.

You could easily use only frontend pages with a full sidebar, remove features that you don’t need (eg right sidebar), alter the logo or put images under the main menu.

I believe that you will find Bootstrap easy to use and manipulate as well! Hope that helps but let me know if you need any further info!

Ok cool, thanks man! GLWS

Thanks a lot! Wish you all the best with your project!

Hi, thank you very much for your purchase!

Bootstrap 4 is still in alpha version and has a long way before reaching Beta, RC and eventually the final stable and production ready version.

More info about upgrading to Bootstrap 4 in the future will come as we reach the Beta and RC versions. Hope that helps!

Hi, thank you for your interest in OneUI!

Unfortunately not at the moment but I’m planning on including something similar with future updates, so stay tuned!

Hi, thank you for your interest in OneUI!

A big 12 pack of beer sounds really nice!! In the package, you will find 2 PSD UI kits, one for the backend and one for the frontend pages. They were included in the latest update to make it easier to create OneUI mockups in Photoshop!

Oh cool. I haven’t purchased it yet but one of my devs might.

PSDs are nice but have you heard of Sketch? Many designers are switching over so would be awesome if included Sketch UI kit as well. This is what I design in these days. But, I realize it would probably be quite a bit of work to recreate in Sketch so maybe sometime…

Yes, more and more people are using Sketch nowadays, so I might recreate them in that format, too, in the future!

Thanks again for your interest in OneUI, I’m glad you like it!

Hi, thank you very much for your purchase!

To update the logo, you will just have to update the following code with an icon and text of your choice (you could also remove it and add an image):

<i class="fa fa-circle-o-notch text-primary"></i> <span class="h4 font-w600 sidebar-mini-hide">ne</span>

It can be found in the sidebar markup – please have a look at the inline comments. If you are using the PHP version for example, the logo section for backend, can be found in the inc/views/base_sidebar.php file.

Hope that helps, happy coding!

Hi, thank you very much for your purchase!

Only the vital vendor prefixes are included to support IE9 and up as well as all the latest, most used, versions of desktop and mobile browsers. If for some reason, you would like to support much older browser versions (eg old Firefox/Opera versions), you could add the extra prefixes to the ‘mixins.less’ file and re-compile the CSS file (or use an auto prefixer tool).

Chaining classes is a standard practice for many years now (Bootstrap framework uses them), they were only an issue back in the days with IE6 and in some occasions with IE7.

Hope that helps but let me know if you need any further info

Hi Davis, you could use the following code to close the side overlay..

jQuery('#page-container').removeClass('side-overlay-o');

..but it might be better to use the API call (as noted in the previous comment) just in case something changes in the future!

App.layout('side_overlay_close');

Hope that helps

Hi Davis, you can use the following JS code for the same functionality:

App.layout('side_overlay_close');

For more examples, you can check out the Layout API page under the Layouts section!

Hope that helps, happy coding!

Hi, thank you very much for your purchase!

To keep a submenu open, you will have to add the class ‘open’ to its parent ‘li’ element. In the PHP version it will be auto included but in the HTML version it will have to be added. For examples, please have a look at the HTML version on how the class ‘open’ is being used on subpages.

Hope that helps but let me know if you need any further info. Happy coding!

Hi, thank you for your interest in OneUI, I’m very glad you like it!

OneUI is retina ready and its UI will look crispy clear in such screens. You might get that impression due to the high resolution of your iMac and the fact that some demostration images are not that high resolution. A retina tip for using images is also included in the docs (using srcset)

Regarding the PHP script, it should be possible to be used with OneUI but customization work might be required for the intergration. The amount of work will be relative to the PHP script itself and its structure!

Hope that helps but feel free to let me know if you need any further info!

Excellent, thanks for your response! Also, do you have any plans to make a Material design version?

There are a few material inspired elements already available and new may be added with future updates but there are no plans for a separate material version. Hope that helps but let me know if you need any further info!

Hey, thanks a lot, I’m very glad you like the update!

Please have a look at your inbox, I just replied to your email!

thank you for the rapid answer as fast as the template runs smoothly !

Thank you very much, I’m glad I was able to assist! Happy coding!

Hi, thank you very much for your purchase!

I’m not using an online repository at the moment but if I do in the future, I will let you know for sure. Happy coding!

Sorry for having bothered you; it seems that does what I was looking for

Hi JFJanssen, once again thank you so much for your kind comments and feedback, I’m super excited you like the new features and people love the look of your site, I’m sure you’ve done a great work putting everything together and building it!

No worries at all, I’m glad you find the classes and it works now! I will also note them here just in case:

.text-primary
.text-primary-light
.text-primary-lighter
.text-primary-dark
.text-primary-darker

.bg-primary
.bg-primary-light
.bg-primary-lighter
.bg-primary-dark
.bg-primary-darker

.bg-primary-op
.bg-primary-dark-op

Stay tuned for 1.2 update (it is coming really soon with many new features) and happy coding!

Hi! OneUI 1.2 update is really close and will go live by September 1st, so stay tuned! If you are in a hurry, feel free to get started (if you follow the guidelines in the docs, updating will be a copy-paste away!). Wish you all the best with your new project and happy coding!

Thanks ! will it include some ecommerce and elearning features?

Unfortunately, such features won’t make it in 1.2 update but will be included for sure in the future, so stay tuned!

Hi! You can manipulate Bootstrap modals with JS code:

// Show a modal
$('#myModal').modal('show');

// Hide a modal
$('#myModal').modal('hide');

Please have a look at http://getbootstrap.com/javascript/#modals-methods for the complete method list.

Hope that helps, happy coding!

Thanks for your patience and answer.

No worries, I’m glad I was able to assist! Happy coding!

Hi, thank you so much for your purchase and motivating feedback! I paid extra attention in making OneUI functional cross-platform and I’m super excited that you liked it!

Indeed, Bootstrap includes some print styles that make all colors black/white when printing. If you would like to include some colors, then your best bet would be to include your custom print styles. For example:

@media print {
    .label-primary {
        background-color: #5c90d2 !important;
    }

    .label-success {
        background-color: #46c37b !important;
    }

    ..More print styles..
}

In this example, your primary and success labels will keep their original colors when printing!

Hope that helps but let me know if you need any further assistance! Wish you all the best with your project and happy coding!

Hi!

Thanks for your prompt and clear answer; I now know what to do, and how to do it!

Best wishes and happy coding,

JFJanssen

Hi, thank you very much for your purchase, I’m very glad you like it!

OneUI already uses the latest Bootstrap release! Let me know if you need any further info, happy coding!