426 comments found.
Hello,
I really like your theme and am considering a few other options as well. Since it’s a long term commitment, I had a few queries:
1. Have you already started work on Bootstrap 4? It’s in alpha 6 stage and many theme makers have already started supporting it at this stage.
2. Can I have a look at the code quality, docs and PHP on GH (@aleemb)?
Hi, thank you for your interest in OneUI, we are very glad you like it 
1. We currently working on a new project and don’t have any immediate plans. After Bootstrap 4 is finally released we will look into it again (it doesn’t make sense to support alpha/beta versions due to the many ongoing changes and bugs).
2. Of course, please send us a message through our profile’s contact form and we will get back to you with a link to the docs to have a look at (unfortunately, GH repository is not available).
Since you are looking for a long term commitment, OneUI can be a great choice for your project since it is a highly mature, tested and stable UI framework.
Hope that helps but let us know if you need any further info 
hi ,
how to jquery menu class active http://stackoverflow.com/questions/11533542/twitter-bootstrap-add-active-class-to-li/12950620#12950620
Hi, thank you very much for your purchase
In the PHP and AngularJS versions there is already functionality for adding the ‘active’ and ‘open’ classes to the main navigation automatically. In the HTML version the classes are already added in all pages and unfortunately there isn’t ready to use functionality, it depends on your url/links format.
A code snippet to add the active class to your link along with any ‘open’ classses to the related li submenus is the following:
..first figure out which link should become active based on your url/links format and after you've wrap it to a jQuery object (eg activeLink) you can set the classes accordingly..
activeLink.addClass('active').parents('ul').each(function(){
jQuery(this).parent('li').addClass(‘open');
});
Hope that helps
Hello,
I’m so sorry but I could not work. Is there a code blog that can be written in APP.js and run automatically?
Best regards
var url = window.location; // Will only work if string in href matches with location $(‘ul.nav-main a[href=”’+ url +’”]’).parent().addClass(‘active’);
// Will also work for relative and absolute hrefs $(‘ul.nav-main a’).filter(function() { return this.href == url; }).parent().addClass(‘active’);
This code works in the blog but I could not run it properly with our system.
Hi, there isn’t a ready to use code snippet to use in app.js but it shouldn’t be hard to make it work based on the path/url format you use. Something like the following should work if the href of your links include the whole url (http:// example .com/yourpage.html):
var url = window.location.href;
$(‘.nav-main a[href=”’+ url + ’”]’).addClass('active').parents('ul').each(function(){
jQuery(this).parent('li').addClass(‘open');
});
If your links are pointing to each page (eg yourpage.html) then you should use window.location.pathname instead of window.location.href.
Hope that helps
ooo thanks.
You’re welcome, thank you for your rating, too! Happy coding!
Hey all! We just wanted to let you know that OneUI 3.1 update just went live and comes packed with many new awesome features, fresh pages, improvements, updates and optimizations! All existing customers can download it for free from their downloads page. Changelog and update information can be found in the updated documentation!
3.1 Update – January 17, 2017
- NEW FEATURES
-
IMPROVEMENTS
- Minimum width was added to main navigation’s icons, so now there is no link flashing on page loading
- (AngularJS version only) Bootstrap Popovers examples now open on hover by default
-
UPDATES
- 17 plugins and libraries
If you have any questions feel free to get in touch through our profile’s contact form, we’ll be more than happy to assist you as soon as possible! Happy updating and coding!
Hello. Can the angularjs theme easily be integrated in an existing application, or is it optimized for extending it ? PS: The Angular version is 1.x or 2.x ? Thank you in advance
Hi, thank you for your interest in OneUI
OneUI AngularJS version currently uses 1.x and it is a boilerplate which is perfect to extend and build your own web application. Of course, it could be used to integrate it in an existing application but the complexity of such endeavour depends on your project’s requirements. If you are familiar with AngularJS, it should be relative easy to manipulate the boilerplate and adjust it to fit your own needs. Let us know if you need any further info
I wish your angularjs template features was as rich as other orginal templates.
Hi, thank you for your interest in OneUI!
Please have in mind that all pages and UI elements from HTML/PHP versions can be used in the AngularJS version as well. Moreover, template’s custom JS functionality has been ported over, too. You can be sure that the feature set is in match with the original versions even if not all pages are presented in the AngularJS version. Thank you!
Hello pixelcave, is it possible to read the documentation before purchasing? I’ve built an Angular/Bootstrap SPA and am looking to improve the UI. OneUI might be a good approach, but I have so many technical questions. Would love to look at the installation/build/implementation documentation if possible. Thank you in advance.
Hi, thank you for your interest in OneUI
Yes, sure thing, please send us a message through our profile’s contact form and we will get back to you as soon as possible
Done, and thanks!
Dear pixelcave,Can you tell us, your biggest fans
, if Hi Jerom, thank you once again for your continued support and kind comments, we very much appreciate it!!
Yes! A new update is in the works and should be available by the end of January. All third party assets will be updated to their latest versions, including Font Awesome (currently 4.7.0). Stay tuned!
Thanks very much for your detailed reply!
You’re welcome! Happy coding!
Hi, do you know if someone has tried compiling this into a mobile app using cordova, phonegap or something similar? Thanks.
Hi, thank you for your interest in OneUI!
A few customers wanted to use it with similar frameworks in the past but we haven’t heard back if they actually did it or had any issues during the implementation.
We believe that you shouldn’t come across any issues but unfortunately we can’t confirm that everything will work without small customizations. Feel free to let us know if you need any further info
Can I use this admin dashboard template in kallyas theme? Let me know
Thanks
Hi, thank you for your interest in OneUI!
OneUI is an abstract template and does not work with WordPress or with any other ready to use CMS. It is perfect for custom web projects (web applications/websites) where there are specific needs/requirements. In such projects, web developers use the UI to build it from the ground up with a server side language/JS framework (or they integrate the UI in their existing project).
Hope that makes sense but let me know if you need any further info
Hi Pixelcave,
How can i activate the submenu of the first menu on the left (navigation area) on page load?
Thanx!
Hi, thank you very much for your purchase
You can add the class “open” to the parent li element of the submenu and it will stay open on page load. Please have a look at the markup code of a submenu page in the HTML version to see it in action! Hope that helps
Hello, can you create a WHMCS Theme?
Hi, thank you very much for your purchase and rating, I’m very glad you like OneUI!
Unfortunately, there are no plans for creating such theme at the moment but thank you for your interest.
I purchased this a while back and can’t say enough good things about it look wise. I do have one question though for creator @pixelcave. Why through the pages is there use of class bg-white etc and not the normal bootstrap container and container-fluid? Just curious as its normal bootstrap structure for container->row->col divs
Hi, thank you so much for your purchase and motivating words, I’m very glad you like OneUI!
I’m using the custom ‘content’ class in all backend and frontend pages (‘bg-white’ or similar classes are used in full width div elements to style each section even if the content is boxed). This makes the HTML markup consistent throughout all pages, easier to get familiar with and ensures that all available layout options (for example, the main sidebar) will always play nice with main content.
Hope that makes sense but feel free to let me know if you need any further info!
Fair enough. As a feedback item can i suggest a possible inclusion of toastr for popup message boxes. I find its something nice from other theme packages (e.g. elephant) and its MIT licence so can be included.. Its one thing i find lacking on oneui that could be added. Modals are nice but the toastr ones are unobtrusive and auto disappear etc. Something to think about.
One final question. I’ve looked at your app ui theme and there are some elements of that i would like to merge into oneui and sort of expand build up myself. Is there any restriction in either licence stopping me from purchasing it and mashing them together for use?
Thanks a lot for letting me know about it, I will have a look into Toastr for future updates! Currently, I’m using Bootstrap notify which is a similar plugin (you can preview it at http://demo.pixelcave.com/oneui/base_ui_activity.php ) but if you would like to use Toastr now, you could include the script in OneUI and use it right away, it will work great.
Regarding AppUI, feel free to purchase a license and integrate the UI components you like into OneUI, there are no issues at all. Thank you very much for your interest and continued support!
Hi,
Great work. I’m trying to decide between OneUI and ProUI. ProUI has more pages built towards the e-commerce use than OneUI. So I’m wondering if OneUI is still a good fit or if it’s almost identical but more modern?
Another question: I’ve built a ton of pages with CMS. Now I want to code a platform that might will have an app aswell. I’m not sure yet whether to go with laravel or ROR. As I’m very good with HTML/CSS but not with coding the actual functions. Therefore I want to pre-build the platform as HTML pages so the dev can take it up from there.
1. Is it good to use HTML as view templates or should I use php/angularjs?
2. What’s the fastest way to build pages? Copy/paste code of elements in browser into my own template?
Thanks!
Hi Jimmy, thank you for your interest in the templates, I’m very happy you like them!
OneUI e-commerce pages mainly focus on a digital products and ProUI on retail. I would suggest to carefully preview all pages and decide which ones better fulfill your project requirements and personal design taste.
I believe that you can’t go wrong choosing either one but have in mind that OneUI features a universal layout from which both frontend and backend pages are created. ProUI on the other hand, offers separate templates.
Regarding (1), yes, my suggestion would be to create your view templates in HTML and then hand them over to your developer who will build the application. If you already have them in HTML, then they could be integrated in any chosen framework.
Regarding (2), yes, you can easily duplicate the features I present in each page by duplicating the markup code. It is well commented and since you are good with HTML/CSS, it should be easy to create your own pages.
Hope that helps but let me know if you need any further info
Hi pixelcave,
Thanks for your answers.
1. Where can I see the documentation? 2. How easy is it to update it a later stage once the application is built?
Thanks again.
Hi Jimmy, feel free to send me a message through my profile’s contact form and I will send you over the documentation to have a look at as soon as possible. If you follow the instructions found in the docs, then updating will be as easy as overwriting a few files with the new ones
Thanks. Is there a frontend template where the menu horizontal navbar becomes an offcanvas menu on mobile. The same for the frontend login user buttond that become an offcanvas menu on the right.
Yes, you can find an example with a custom horizontal menu which becomes an off canvas navigation on mobiles at http://demo.pixelcave.com/oneui/frontend_home_header_nav.php but there is also an alternative horizontal menu which uses a different approach at http://demo.pixelcave.com/oneui/bd_dashboard.php
In general, navigation in OneUI is very flexible and you could implement lots of variations with few small customizations. For example, you could have the default off canvas sidebar on mobiles and a custom horizontal on larger screens
I’ve seen all of those but their are not off-canvas. The menu slides in an overlays the main area. I’m looking for off-canvas.
Hey Jimmy, if you are looking for an off canvas navigation with which the main content also slides off canvas, then you should have a look at ProUI. In the frontend template, though, the off canvas navigation overlays main content and does not push it. It is something that could be implemented with a few CSS customizations, though. Hope that helps
Hey Pixelcave. I’ve seen that the left menu slides off canvas but not for the user menu. I hoped to find a template I can pull that already includes both options. Or could you provide code?
Hey Jimmy, please have a look at your inbox, I just replied to your message!
Hi, I see there is a new layout, the boxed backend.
I like how the menu completely changes the color according to theme, rather than just changing the color tone. How can that css be implemented for the normal menu?
Hi, thank you very much for your purchase, I’m glad you like the horizontal menu
This menu changes colors based on the active color theme because the class .bg-primary-lighter and default navigation pills are used.
Main navigation sidebar uses custom styles for its colors and if you would like to change how it looks, you will have to alter #sidebar background color in modules/oneui.layout.less as well as in mixins.less (.color-theme mixin). Changing it from background-color: @brand-darker; to background-color: @brand-base; could give you a more colorful main navigation based on the active theme (similar to the horizontal navigation).
Hope that helps
Did as you recommended but it is not changing anything. Any ideas why?
Hi, have you compiled the Less files into CSS? If yes but it isn’t working for you, could you send me a message through my profile’s contact form to have a look at your code?
This is one of the best questions i’ve got today. I figured i have to compile main.less 
. Unfortunately the constrast between the elements inside the #sidebar is not that good, it hasn’t been planned to work like that, isn’t it? Is there any way I could get it to look like the #sidebar of ProUI? I noticed ProUI has more contrast between elements. In case I may decide to transfer my work towards ProUI theme, does the ProUI structure differs from the OneUI one?
Nice, I’m glad it was a helpful question!
You are right, it wasn’t planned to work like that but if you would like to increase the contrast to look better with the new background color (or make it similar to ProUI), you can adjust the colors of the sidebar links in oneui.navigation.less file.
OneUI structure is different from ProUI but Bootstrap elements can work in both templates. Hope that helps
Hi there! Want to use your theme on Yii. Is it possible? Do you supply the layered psd (i need to customise calendar and else)
Hi, thank you for your interest in OneUI!
OneUI is an abstract template and would work great with various frameworks and libraries. There isn’t a boilerplate for the Yii framework but the integration shouldn’t be that hard if you use the PHP version as a starting point.
Regarding the PSDs, 2 layered UI Kits are included featuring lots of vital Backend and Frontend elements but specific pages aren’t included. Hope that helps
Thanks for your answer. You’re awesome! One more question: Could you recommend, how can i start my project with oneUi?
For example, i buy and download your theme. Whats next? Do you have any tutorial about installation?
I want to start digital marketplace with – http://preview.themeforest.net/item/oneui-bootstrap-admin-dashboard-template-ui-framework-angularjs/full_screen_preview/11820082
What i should do after purchase? Sorry for this (my skills is not enough for understanding that without this question)
Thanks a lot for your kind comments
OneUI is an abstract template and it does not work with WordPress or with any other ready to use CMS. In general, it can’t be installed. It is perfect for custom web projects (web applications/websites) where there are specific needs/requirements (for example, the digital marketplace you would like to build).
In such projects, web developers use the UI to build it from the ground up with a server side language/JS framework (or they integrate the UI in their existing project).
Hope that makes sense!
Hello. I really appreciate your continuous effort to improve the OneUI theme. For the new boxed version, I have one suggestion. Currently, in a mobile device, the menu switch button is at the top of the content page, it is difficult to click on the button to open or close the menu after users have scrolled down the page.
Why don’t just copy the previous practice to add a menu icon at to top fixed header bar so users can click on the menu icon anytime they want to. And please add a close icon if the menu section is open. Your precious practice to handle the mobile menu is already good, you don’t have to change it. Hope you understand my concern.
Hello, thank you very much for your kind words and for your suggestion
The reason I didn’t copy the previous design was because I wanted to showcase an alternative navigation option. My intention wasn’t to change or replace the current one, I just wanted to offer more options. In fact, I took advantage of internal Bootstrap features which were already there to build it (navigation pills + dropdown + collapse).
OneUI layout is very flexible and you could easily use any navigation component you like in addition to the new one. For example, you could use the new navigation for larger screens and a sidebar based navigation for mobile screens.
If you need an example, feel free to send me a message through my profile contact form and I will get back to you as soon as possible with a page example. Hope that helps!
Hey all! I just wanted to let you know that OneUI 3.0 update just went live and comes packed with many new awesome features, fresh pages, improvements, updates and optimizations! All existing customers can download it for free from their downloads page. Changelog and update information can be found in the updated documentation!
3.0 Update – October 4, 2016
-
NEW FEATURES
- Boxed Dashboard
- Dashboard Page (Boxed Layout)
- Products Page (Boxed Layout)
- Customers Page (Boxed Layout)
- Sales Page (Boxed Layout)
- Settings Page (Boxed Layout)
- Chart.js v2 Page (with examples)
-
IMPROVEMENTS
- ScrollTo helper: uiScrollTo() now works better when the header is fixed (big thanks to Themeforest user papattes!)
-
UPDATES
- 16 plugins and libraries
-
FIXES
- Various small fixes and optimizations
If you have any questions feel free to get in touch through my profile’s contact form, I’ll be more than happy to assist you as soon as possible! Happy updating and coding!
Hello i’m new here, how can create a website like to this [removed] ? I ask because I have seen their mark “pixelcave” on this website that just shared.
what happend?
Hi, thank you for your interest in OneUI
Your original comment was reported and it seems that the Envato team hasn’t review it yet. Could you please send me a message from my profile’s contact form? I will get back to you as soon as possible
I don’t see a login.html for angularjs package. I can create but thought it might be included
Hi Matt, thank you very much for your purchase
Design-wise you can use one of the available from the HTML version but I might add one as an example in a future update. Thank you for your suggestion, happy coding!
Hello pixelcave. I have just purchased your OneUI theme. Very good. For the backend theme, I have one suggestion, why not make a boxed version with horizontal menu. I guess it would be some changes in the CSS and it could be easily done by you. That makes OneUI theme even more stronger.
Hi, thank you very much for your purchase and your kind words, I’m glad you like OneUI!
Thanks a lot for your suggestion, too, I will look into it for future updates! In the meantime, you can already take advantage of the flexible layout and frontend’s horizontal navigation to create a boxed version (using .content-boxed class). If you would like a get started example, feel free to send me a message from my profile’s contact form and I will get back to you with a page as soon as possible!
Hello.. Thanks for your reply.. As I need a fully function backend system with horizontal menu and boxed layout, so I would rather do the customization by myself, or wait for the future updates if I can’t get the task done. Thanks though.
Sure thing, have in mind though that you could use any of the main content presented in the backend pages within the boxed layout, it would work great! Feel free to let me know if you need further assistance in the future, wish you all the best with your project!
Hello, as per the previous discuss, may I know the rough schedule for the next update. Really looking forwards for a boxed version with horizontal menu. It make OneUI look prefect in a wide screen as well.
Hi, the next OneUI update (3.0) will be released next week and will include a boxed dashboard layout! For a sneak peek, you can check out https://twitter.com/pixelcave/status/781870862332989441
This item was featured on ThemeForest
Elite Author
Contact the Envato Market Help Team
