Discussion on ProUI - Responsive Bootstrap Admin Template

Discussion on ProUI - Responsive Bootstrap Admin Template

Cart 3,644 sales
Well Documented

pixelcave does not currently provide support for this item.

276 comments found.

Hello, what will be included in the next update ? rtl ?

You could swap the content of the sidebars (main menu etc) and use the layout http://pixelcave.com/demo/proui/page_layout_static_alternative_sidebar_visible.php to make the right sidebar visible by default. Then, you should add the following CSS in main.css:

.sidebar-content,
#page-content {
    direction: rtl;
}

After those changes, you should be able use an RTL language in ProUI but you may have to slighlty adjust the markup code of some UI elements (based on your content). Hope that helps ;-)

so if it is easy , you can realase RTL version in the next updates :D

There are many available versions in ProUI package at the moment and adding more will make it harder to maintain and update them all. Nevertheless, I hope to be able to include an RTL version in the future ;-)

Hey,

I know I have said this earlier too, but can’t appreciate the Great design enough, finally a template, which I could use for the interface, and concentrate on my coding… :)

Now that your update has released, I want to update from the first version of the design to the latest one, I have made some changes in the app.js files and some other .js files.

Is it only the CSS changes on the updated template? or are there any changes in the classes which might affect the existing pages?

Whats the best and the easiest way to update to the new version, without breaking much?

Wish you a Merry Christmas and a Great Year Ahead!

Hi and thank you again for your kind comments and your wishes! I’m very glad you like ProUI! Merry Christmas and a Happy New Year! :-)

There have been 8 updates so far and many things have changed since the first one. It’s a good idea to backup your work first and then proceed with updating any files!

The CSS and JS folder should be updated, so after overwriting them, you should apply the changes you’ve made to app.js and to the other JS files. Many plugins have been updated but I think that only FullCalendar and Datatables init code is a bit different and need attention. Most of them should work fine without further changes.

Regarding the markup, everything should work as it is. The changes that need your attention is the new #page-wrapper element (wraps #page-container) and .preloader element (before #page-container). Also the scrolling div wrappers of each sidebar have been changed from classes to ids and the class .sidebar-nav-mini-hide has been added to various elements of main sidebar (for the mini sidebar functionality).

If something does not seem to work correctly, you could have a look at the updates changelog but If you need further assistance, do not hesitate to contact me from my profile’s contact form http://themeforest.net/user/pixelcave#contact

Happy update and coding ;-)

Hello pixelcave

I want to place sns share button (Twitter and facebook etc) on the page of blog. What would be a good way to do it?

Thanks.

Hi and thank you very much for your purchase :-)

You could use the following markup between the ‘Article’ and ‘Extra Info’ sections of the blog post:

<section class="site-content site-section">
    <div class="container">
        <div class="row">
            <div class="col-md-10 col-md-offset-1 site-block">
                <h3 class="site-heading"><strong>Share</strong> the Article</h3>
                ..sns share buttons code..
            </div>
        </div>
        <hr />
    </div>
</section>

Hope that helps! If you need any further info or an example, do not hesitate to contact me from my profile’s contact form http://themeforest.net/user/pixelcave#contact

Happy coding ;-)

Hello pixelcave,

I’m having some troubles with the print styles of your template.

I need the prints were exactly equal to the main content of the template.

When I try to print the invoice page using chrome for example, the print layout its broken.

Can you help me with that?

Hi and thank you very much for your purchase :-)

For some reason Chrome/Opera (both are using the same engine) do not apply all the print styles correctly. In other browsers it works as expected. In Chrome dev tools everything also works fine (with print emulation) but for some reason not in printing.

I’m aware of this issue and I will provide a solution with the next update! Most propably a print button which closes all sidebars, calls the print function and then restores everything back.

I have tried it and seems to work great, so please send me a message from my profile’s contact form and I will get back to you asap with the code ;-)

Ok pixelcave, got it and I’ll do that.

Thank you very much for answering me so quickly and congratulations for the excellent work.

I just replied to your email! Thanks a lot for your kind comments, I’m very glad you like ProUI! Happy coding ;-)

Hi! I like very much the clean and high quality design of it, I would like to make it a website where professional like lawyers, doctors and other could register and to be found by the user. I dont undertand the coding language. I would like to know if you can help develop this project based on your theme? do you anybody else that could, in case if you cant. Thanks

Hi and thank you for your interest in ProUI, I’m very glad you like it! Unfortunately, I’m not available for freelance work but thanks a lot for considering me! Someone at Envato studio might be able to help and build the functionality using ProUI: http://studio.envato.com/explore/new-website

Wish you all the best with your project, please let me know if you need any further info ;-)

this template is one of the best templates in themeforest.

but it’s missing one more functionality, it does not have session to save selected template color scheme and last selected Item on the menu.

if it's there I will buy it right away.

Thanks so much for your kind comments! I’m very happy you like ProUI! :-)

Unfortunately, the color theme buttons are currently used for previewing the available colors but I may add such functionality with a future version. Thanks a lot for your interest! ;-)

Hey

Absolutely fabulous pack. People all say what i’ve done looks great for a reporting / admin system I am writing for an app we hope to launch soon…and I’ve straight away passed credits on to you and linked the site. Unbelievable value for money, given it would take me hours just to even find some of those plugins you’ve used :)

One design question, is why do you have your toggle switches have a smaller circle when in the off position? I find it looks a little odd and doesn’t mix well with the on position when in a table view IMHO.

Look forward to seeing and using more of your work

Hi and thank you so much for your purchase, support and kind comments! I’m very glad you like ProUI! Thanks a lot for letting them know about it, I appreciate it! :-)

I followed a different design direction for the switches but I’ll have to agree that the same size circles makes more sense in many occassions. I will offer it as an option with a future update but in the meantime, you can update the following class in main.css to make them look the same on both states (on/off):

.switch span:after {
    ...
    left: 2px;
    top: 1px;
    bottom: 1px;
    width: 24px;
    ...
}

Hope that helps! Happy coding! ;-)

Love the front end themes. Excuse my ignorance, but I’m new to admin templates. Can I use them to edit your front end templates, or create new websites?

Thank you for your interest in ProUI, I’m very glad you like it :-)

Both backend and frontend are abstract UI templates which means that they can’t be used out of the box for managing content or users. Any backend functionality should be coded by a web developer. Hope that helps but let me know if you would like any further info ;-)

Hi – Do you know how I can make one of my menu items in the horizontal-menu “active” when selected? I’m using this sticky top navigation bar. The 1st li tag within the navigation contains only an icon (no text) which opens and closes the sidebar (class=”sidebar-toggle”). The 2nd, 3rd, and 4th li tags all automatically include the “active” class when selected because they simply link to a url rather than toggling the sidebar. Any ideas on how to add the “active” class dynamically to the 1st li tag which has the ”sidebar-toggle” class? Here’s my navigation bar:

<ul id="navbar-menu" class="nav navbar-nav collapse"> <li class="button1"> <a data-enabled="true" class="sidebar-toggle button1"> <em data-placement="bottom" data-toggle="tooltip" class="tip" data-original-title="button1" /> </a> </li> <li class="button2"> <a href="#" class="button2"> <em data-placement="bottom" data-toggle="tooltip" title="" class="tip" data-original-title="button2" /> </a> </li> <li class="button3"> <a href="#" class="button3"> <em data-placement="bottom" data-toggle="tooltip" title="" class="tip" data-original-title="button3" /> </a> </li> <li class="button4"> <a href="#" class="button4"> <em data-placement="bottom" data-toggle="tooltip" title="" class="tip" data-original-title="button4" /> </a> </li> </ul>

I know it has to do with this .js code but I’m not sure how to edit it:

    //===== Toggling active class in accordion groups =====//

    $('.panel-trigger').click(function(e){
        e.preventDefault();
        $(this).toggleClass('active');
    });

Hi and thank you very much for your purchase :-)

You can use the following JS code to toggle the active class:

$('.sidebar-toggle').on('click', function(e){
    e.preventDefault();
    $(this).parent('li').toggleClass('active');
});

Hope that helps! Happy coding ;-)

Thank you so much!! This is incredibly helpful.

Hi, I’m thinking of using this to replace what I already have for my company portal (where we accept orders, new user requests, etc). We already have a large, slightly complicated MySQL database. And a lot of the PHP is in place already.

Datatables – I need to know before buying whether I can put some PHP with a MySQL statement on the page, such as SELECT * FROM table and then the use a WHILE loop to display the table rows. Then I’m hoping the datatable will automatically create the pagination and allow me to search etc.

Thanks

Ahh that makes sense now as it’s called at the bottom. Thanks. I don’t suppose you can also help with passing a variable to the modal window? So I use something like this to create a button with a different id..

<a href="#modal-timesheet" data-id="$row['log_id']" class="tsedit btn btn-sm btn-default" data-toggle="modal">Open</a>

That allows me access to a javascript variable. Ive found help online that will alow me to show it in a span and print it out in the modal window but.. Eg,

$('span.user-id').text($(this).data('id'));

But not how to assign that php log_id (now a javascript varioable) back to a PHP variable in the modal window so I can use it to display dynamic content in the modal window based on the ID. I must have looked at 100 pages on Google. I think it is to do with posting it $_POST but I cant get it to work. I know I am probably pushing what is considered support now, but any help would be much appreciated.

Got there finally – cant tell you how long I have been trying, but in the end, I simply load in another php page like so:

data-toggle='modal' href='test.php?id=".$row['log_id']."'

That’s great, I’m glad it works now! :-)

I was going to suggest something similar since you’ve got better control loading dynamic content in a modal this way. Moreover, for more info over the available bootstrap modal options and events, you can have a look at http://getbootstrap.com/javascript/#modals

Happy coding ;-)

Hi how can i set the carousel not to slide?

Hi! You will just have to remove the class ‘slide’ from the carousel div container. Hope that helps ;-)

thy ! Love this !

Happy coding! ;-)

After buying 5 admin templates, for this project I am starting, it’s a pleasure to finally have one that fits my needs in an incredible way. I removed the old template and put ProUI in 5 minutes. No need to make any changes in your code.

Before ProUI I had to tweak lots of css in the template. This one worked like a charm at first attempt. Plus, it’s code is well documented and well organized which makes our work easier.

Just wanted to share my joy and give the author congratulations for this great template.

Thanks.

Thank you so much for your inspiring and motivating comments!!! I’m so glad to know that you like ProUI and that it helped make your work easier! Thanks again for getting back with your feedback, I really appreciate it! Wish you all the best with your project and happy coding! ;-)

Hi, I am interested in your template. Is it possible to change and select the same color for the front end end backend ? Thanks.

Hi and thank you for your interest in ProUI :-)

Yes, you can use the same color theme on both backend and frontend. In the frontend you can already use CSS classes for applying any available color but you could also include a color theme file from the backend to apply any theme of your choice throughout the frontend.

Should you need any further info or help with color themes, please let me know ;-)

Hi,

Thanks for the latest update!

In the next update can you change the Google font @import from:

@import url(‘http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic');

to

@import url(’//fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic’);

It keeps IE from giving a warning about unsafe content via HTTPS. Also it is easier to update when a new version comes out: We don’t have to remind ourselves to change it every time :)

Hi and thank you very much for your purchase, I’m glad you like the latest update! :-)

I left the ‘http:’ part for the people who want to quickly preview the template by opening the HTML version directly (not from a web server – the // would translate to file:// in such case).

I will have a look into this (and how it could work on all cases) and will update it accordingly in the next update! Thanks a lot for letting me know ;-)

Any plans for supporting Angular JS ?

Hi and thank you very much for your purchase! Unfortunately, I don’t have any plans for supporting AngularJS at the moment but I may add it in a future update ;-)

I would love it! Can I pay you extra to do it soon ;-) ?

Unfortunately, I’m not available for freelance work at the moment but thank you very much for considering me! I hope to be able to release an AngularJS version in the future! ;-)

Hello, Amazing this new update ! Thanks for your excellent work :-)

Thank you very much for your kind comments and support!!! I’m very glad you like it! Wish you happy coding! ;-)

I bought one of the first ever releases of ProUI and it still blows me away. The 3.0 version is really amazing. Great work!

Thanks so much for your feedback and your kind comments! I appreciate it and I’m very glad you like it! Thanks for your support! :-)

Amazing!

Thanks a lot! I’m glad you like it! :-)

Help! The “Theme Color picked” doesn’t work! In the app.js file says that TemplateOption() function change features, but how call or launch uiInit jQuery function??

Im using MVC 5.0 and c# in .NET Framework 4.5

Tks!

theme-link is empty always

Hi Marcos and thanks again for your purchase :-)

By including the js/app.js in your page (as it is in the template), it will auto run all required functions, so you don’t have to call uiInit(). Just make sure that you have included the css/themes folder in your project and that there isn’t any JS errors in the page blocking other JS code from running!

If you keep having this issue, please send me a link to this page online, so I can have a look ;-)

Hi and thanks again for your purchase! :-)

This page is only a demo page on the live preview to showcase the included email templates (shows only images of them). In the ProUI package, you will find a folder with all 75 email templates, ready to be used! ;-)

Thanks

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey