Discussion on Webarch - Responsive Admin Dashboard Template

Discussion on Webarch - Responsive Admin Dashboard Template

By
Cart 4,894 sales
Well Documented

ace supports this item

Supported

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

1192 comments found.

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 :)

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

http://flatfull.com/themes/scale/master.html

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">
          Content
          </div></div>
      </div>
        </div>
      </div>
</div>

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">
          Content
          </div></div>
      </div>

hi

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?

Thanks

-a

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" />

Top 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 :)

$(document).ready(function(){
      //Date Pickers
      $('.input-append.date').datepicker({
                autoclose: true,
                todayHighlight: true
       });
  });     

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 :)

http://www.jquery4u.com/api-calls/google-analytics-api/ https://github.com/shamasis/jquery-ga

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

replied :)

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.

Cheers!

Hi I would love to here what features you would want :) you could always right support@revox.io

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 http://screencast.com/t/acFahCQhwr

Thanks

your current one here does it as well http://www.revox.io/webarchv2/index.html

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

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 : support@revox.io

Just e-mailed :)

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

Hernan

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">
                            Label
                            </div>
                            <div class="col-md-4">
                            Select
                            </div>
                            <div class="col-md-4">
                            Button
                            </div>
                        </div>

Great! Thanks!!!

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");
 placeholder.resize();

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 :)

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 :)

v2.0.2

  • PSDs for all the pages
  • Boostrap Update

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 support@revox.io even a live link would be good :)

@jamesbond0071: This is an HTML template, it’s not intended to work with CMS products (like Wordpress, Joomla, etc.) out of the box. You need to use a product specific template for those, or be prepared to spend considerable amount of time adapting this template to your needs.

I think Envato needs to emphasise the difference between HTML and other templates on their site as many people seem to not know the difference.

Thank you! for answering :)

ALL and Auther,

I get this theme from my client and dont know how to install it in admin.I wasted 6 hours to figure out without any result. Can anybody please help me?

In extracted theme there are 5 folder and 1 file. Please help me.

Hi there I think @fishsoup answered :) yes its not a wordpress or a CMS site there were few miss guided customer who purchased it thinking its CMS and yes Envato should emphasise the difference between HTML and other templates on their site as many people seem to not know the difference. We will write to them :)

Hi Ace,

Has the fix for the Drag and Drop grid been added. I am still seeing this issue…can you tell where exactly I add the min height? or the fix. I need to make 4 columns across. I need the drag and drop to not re-order items that had not been dragged leaving either left or right empty with no place holders.

“Something is not quite right with draggable grids. Ex. if you drag on from left to right then the right side has more items, but you cannot now drag from right side back to the left side unless it is above another portal item on the left. To reproduce this at the extreme: drag everything on the left side to the top-right side until there is nothing on the left side. Now there is no way for any of them to be dragged back to the left.”

Thanks,

-a

Hi Lets get your css fixed then, open up assets/css/style.css Line 3370 class name .ui-sortable

Change to the min-height to 10px :)

Would you give the code to make a table selectable through checkboxes, like the one that is on the demo? I couldn’t find anywhere the correct and clean code to make it works.

I want to select a row by clicking on the checkbox and highlight it in this way or select all rows by clicking on the table header checkbox.

Thank you.

Sure :)

    $('table .checkbox input').click( function() {            
        if($(this).is(':checked')){            
            $(this).parent().parent().parent().toggleClass('row_selected');                    
        }
        else{    
        $(this).parent().parent().parent().toggleClass('row_selected');        
        }
    });

Clicking the steps 1-2-3-4 on the bottom om http://www.revox.io/webarchv2/form_validations.html does not validate the input fields, as “next” does. Maybe you want to look into it :-)

Hi there Already working on it :) Thank you for notifying it

I need the exact code, and files to import, to create a data table.

Please provide me the HTML and the JS necessary to achieve that.

There is not a SINGLE useful manual to use this theme.

Thanks.

Hi there Let me guide you through :)

First the required files
<script src="assets/plugins/jquery-datatable/js/jquery.dataTables.min.js" type="text/javascript" ></script>
<script src="assets/plugins/jquery-datatable/extra/js/TableTools.min.js" type="text/javascript" ></script>
<script type="text/javascript" src="assets/plugins/datatables-responsive/js/datatables.responsive.js"></script>

have the below jquery include

HTML

Create a table with any ID you want “myTable”

Include the JS


<script src="assets/js/datatables.js" type="text/javascript"></script>

and add the following code in a new file or exsisting

$('#myTable').dataTable( {
       "sDom": "<'row'<'col-md-6'l><'col-md-6'f>r>t<'row'<'col-md-12'p i>>",
       "aaSorting": [],
                "oLanguage": {
            "sLengthMenu": "_MENU_ ",
            "sInfo": "Showing <b>_START_ to _END_</b> of _TOTAL_ entries" 
        },
    });

Thank you! Finally something that works out-of-the-box

Great! :)

When will boxed layout with horizontal top nav be added? I have been waiting to purchase this until then.

Thanks

Hi there Fixing a few minor bugs that were reported will update this asap :)

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