ace supports this item


This author's response time can be up to 1 business day.

1143 comments found.

I would like to have an fixed size page content so if I include a huge div on it, it will appear 100% visible but with a vertical scroll applied just to this new div not to the whole div.content. Could you please help me on how to make it? Thank you very much

Hi there Its quite hard to debug, any way if you could send me the code or email it to even a live link would be good :)

Hello, very good work.

It’s possible to have a changelog of the latest revision (2.02 i suppose) ?

Hi there I just change the changelog on the product page :) Its a minor update :)


  • PSDs for all the pages
  • Boostrap Update

Hey, great theme. Do you have a list of which javascript files or plugins are needed for each particular widget. I’d like to know which files are needed for the animated tiles but i think a list of the widgets with the corresponding plugins/j.script needed would be a big help in the future. Many thanks

Hi there True, if you open up the documentation, each element we have mention what files you need and the JS init code for it :)

but for times its this plugin
<script src="assets/plugins/jquery-metrojs/MetroJs.min.js" type="text/javascript" ></script>

and at the very bottom of the documentation there is a list of plugins that are used with the documentations links to each. Hope this helps let me know :)

In Charts there is problem with changing the browser size..

Also if we make div without class “col-md” it is bigger than two divs with classes col-md-7 and col-md-5 below div without class.

Could you help us or tell us how to correct this?

fullwidth is col-md-12 :) Whats the chart your using ? morris ? ricksaw ?

I don’t know why in bootstrap documentation is: Full width, single column No grid classes are necessary for full-width elements.

I’m using flot charts

To re-size jquery flot chart you need

<script src="assets/plugins/jquery-flot/jquery.flot.resize.min.js"></script>
and a small js code
 var placeholder = $("#yourchartelement");

Hi, how can I create a shorter input text with a button or link next to it? For example, a select choice for countries with a “New country” button next to it. Thanks (sorry for my english) :D


Hi ok its not a text box its a selectbox ? well select2 will not work with the form group control.

let me send that code for you

                        <div class="row">
                            <div class="col-md-4">
                            <div class="col-md-4">
                            <div class="col-md-4">

Great! Thanks!!!

Hi, we would like to begin taking advantage of the CSS preprocessor SCSS and only see LESS files. Do you have SCSS support? Thank you. Wonderful theme! :)

Thank you so much! This will greatly increase the production pace of my site! I look forward to hearing from you :)

Hi there the SCSS version for webarch is avialable let me know if you need it before the official update

email to :

Just e-mailed :)

we have started integrating the chat window that you have on the right side. It seems to work okay until the chats hit the bottom of the page and then there is no scroll for them. maybe i can suggest 2 things

1- chats start at the bottom and are pushed up by new chats so your history is above. similar to skype, text messaging etc.. 2- we need a scroll bar for this area on the right side

here is a picture to show the issue


your current one here does it as well

I can try to hack this fix myself but want to make sure we stay in sync so if you dont mind please let me know an ETA. Thanks!

Hi, Sorry I couldnt get to your request, I will looking to it today :) will send you a hotfix

Hey @ace -

This is a really nice admin UI, and I’m hoping to use this for a new project starting very soon. There are a couple of small UI features that I would like to see if you’ve considered adding. They would be very helpful for my SaaS product project: 1. Date Selector: This primary value for this UI feature would be with the Charts and Tables sections. 2. Export / Download: A simple icon to for CSV or other data type export. This is most useful in the Tables section.

Thanks for listening! If I can help clarify these features or the need in any way, please let me know.


Hi I would love to here what features you would want :) you could always right

Hi, could you please send me the scss files. I have sent you my email address. Thanks

replied :)

Hi pre-sale question. How do I get the dashboard to show Google AdWords / Analytics data? thanks.

Hi there Well you will have to use Google API console :) Fetch data and display it in the graphs :)


I am trying to figure out why I cant get the date pick to work by adding it to my dashboard. I added all links to files…I even stripped down your form elements page and datepicker only works if you leave these two lines in it?

<input type=”checkbox” name=”switch” class=”ios” checked=”checked”/> <input type=”checkbox” name=”switch” class=”iosblue” checked=”checked”/>

strangely enough if I add these two lines yes my date picker does work but then all other js fails. Should I just be able to grab w=any piece and mix and match?



Hi there That code is for ios switch :) first thing you need for datepicker is these files

<link href="assets/plugins/bootstrap-datepicker/css/datepicker.css" rel="stylesheet" type="text/css" />


Bottom JS below jquery include

<script src="assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js" type="text/javascript"></script>
Do not include
<script src="assets/js/form_elements.js" type="text/javascript"></script>

It has other example form elements if you need datepicker only make new js file are add that required code :)

      //Date Pickers
                autoclose: true,
                todayHighlight: true

Is it possible to have something similar to “Master” page like here:

Almost good. It’s bigger than google map div on the right side.

<div class="overlayer overlay-fixed fullwidth">
      <div class="overlayer-wrapper">
        <div class="content">

      <div class="row">
        <div class="col-md-12">
          <div class="grid simple">

Hi there Sorry about the late reply, we are in a different timezone

on the very top div you will see fullwidth its will stretch 100% of the screen width, to disable it remove it :)

but still I advice to have it and change the boostrap grid to something like 4 or less

<div class="row">
        <div class="col-md-4">
          <div class="grid simple">

Hello, thank you again for this great theme, which file to change if i just want to update bootstrap? please explain step by step, thank you

Hi there Yes you can, Its the folder assets/plugins/boostrapv3

when you download boostrap in the package there will be a folder called

dist in that copy all its contents to boostrapv3 :)

thank you, so no risk to update ?

Hi there No risk of updating :)


Draggable Grid:

First I want to thank you for being very patient with my questions. I am trying to customize the dashboard and make each component draggable. I have done this but I don’t understand the logic of where you can drag each to place holder…even on your example template. I want to be able to drag and drop to anywhere there was a component, so they replace each other…right now there seems to be no rhyme or reason and blank spots are created and new rows? can you point me to somewhere I can learn this…because I don’t understand the template.



Hi I have done this (added min height) but the behavior still seems strange on template.example you have 2 rows 2 columns but if I move panel from row 1 to col 2 to row 1 col 1 the page end up having 3 rows with 2 cols ? but only one panel in col 2.

Can I privately send my content code

why not, its

Hello Ace, in smarphone and tablet view, let sidebar icon are really small, can you give me a code how to change the icon size ( let sidebar ) only for small scree such as smartphone and tablet? please a detailed step by step if possible if for example i want to double all the font awesone icon size

thank you again for your great support, you are awesone man

:D thank you! :)

Open up assets/css/responsive.css and inline 159 you will see the tablet media query

add this code

.page-sidebar .page-sidebar-wrapper > ul > li > a i{
     font-size: 16px;

change the font size to what you want :)

I’m not quite understanding the difference between titles and grids. They seem to have the same function and are styled similarly, but have a different color palette than each other. There really isn’t anything in the documentation about tiles at all and what their classes are.

Also, I notice a lot of formatting when using columns that I don’t quite understand.

What does the m-b-20 mean? I also see other examples like p-t-35? Is that from a js plugin or what is their function.

Love the panel, would appreciate a little help!

Here is an example:
<div class="col-md-8 col-vlg-8 m-b-20">

Thank you for the reply. That is an awesome feature.

Do you have any suggestions as to how to make the chat functional? (user lists, inbox, etc.)

Best guess would be Nodejs :) there many nodejs premade chat examples


Great theme – could you please make a boxed version? Or share the code for making it boxed?


Hi there Sure! :) Its almost done we made some few surprises for the upcoming update and yes I will share the code with you, mail to :)


Can you tell me how to use Drag n Drop Uploader ? Documentation does not have any information about of uploader.

I want to use inside of form wizard. It’s possible ?

Hi there Its powered by all you need is the link for
<script src="assets/plugins/dropzone/dropzone.min.js" type="text/javascript"></script>

include below the page after jquery is called

and the HTML tag in the form wizard

 <form action="/file-upload" class="dropzone no-margin">
      <div class="fallback">
            <input name="file" type="file" multiple />

That’s it :)

Is it possible to show secondary menu on email template on iPad view (landscape or portrait)?

Hi there Yap, Its a beta version :) but I could email it over to you please do request to

I sent you an email

I checked but nothing from you asking about the side bar

@maciekfreak yes it is possible, Ace was really helpful for me and came with a solution that work

Hi there Benjilassa :) Thank you very much for replying for us! :)