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.

Hi, thanks for this great template. I want to put the WYSIYG editor into draggable grid, at first , i can write into the WYSIYG editor, but when i drag the grid, the text i’ve written disappear and the WYSIYG editor become disabled. please help me. thank you

ok, i sent you the code :)

did you receive the code that i sent to you ?

Hi there Yes I did, sorry about that, will look into it within the day :)

Hi, when I use ipad mini device or browser that have width 1024px or less, sidebar menu will automatically become mini (the green one), when I try to click toggle button (to show full sidebar menu) it isnt expanding, how to fix this? thq

fyi: chat sidebar work perfect even in width less than 1024px

Hi there No its intentionally disabled because the sidebar cost 250px out of 1024 which is alot from a tablet, so we focused on the content more than the menu :) but you can always keep it open by removing all .page-sidebar classes in assets/css/responsive.css in 1024 media query, its with a comment :)

but advice you that it will eat up alot of space :)

it still not showing (after commenting responsive.css), what I want to do is to get exactly same sidebar behavior whether I use tablet or desktop, means that if I click sidebar toggle it will toggle the sidebar

no dont comment the whole thing, include that file back again goto line 159 you will find
@media (min-width: 768px) and (max-width: 1024px) 

Thats where all the classes are overwritten for tablets

you will find a plenty of .page-sidebar classes remove them all

and .page-content class edit margin-left: 50px; to 250px

Hi there

check if the following are already there

CSS
<link href="assets/plugins/bootstrap-select2/select2.css" rel="stylesheet" type="text/css" media="screen"/>
JS
<script src="assets/plugins/bootstrap-select2/select2.min.js" type="text/javascript"></script>

Create a JS or add this to your JS code :) and make sure you have .select2 class included in the select tag

$(document).ready(function(){
      //Dropdown menu - select2 plug-in
      $(".select2").select2();
});

thaks :)

Hi,

can you also send me preview version of boxed layout? I mailed you 5 days ago ;)

sent! :)

Got it thanks, will send it now :)

in my mailbox. Thx!

Hello, I’m using second level menu. When I give “open” class in top level menu, why second level menu also opened? how to make it close?

here is my code: <li class="active open"> <a href="javascript:;"> <i class="fa fa-folder-open" /> <span class="title">Users</span> <span class="arrow" /> </a> <ul class="sub-menu"> <li class="active"><a href="#">All Users</a></li> <li><a href="#">Add New</a></li> <li class=""> <a href="javascript:;"><span class="title">Manage</span><span class="arrow " /></a> <ul class="sub-menu"> <li><a href="#">Roles</a></li> <li><a href="#">Friends</a></li> <li><a href="#">Invites</a></li> <li><a href="#">Gifts</a></li> <li><a href="#">Notifications</a></li> </ul> </li> </ul> </li>

Thank for ur reply, so lets say I want to open “Users” menu and make “All Users” menu to be activated (and also close “Manage” menu) on load, it means I need to add .active class in

  • “Users” and
  • “All Users” right? but if I do that it also open “Manage” menu and all .arrow become closed arrow (arrow that point to left). Can you give an example? Thanks
  • Maybe im abit confused about the hierarchy assuming it goes like this
    - All Users
        - Users
        - New Users
    - Manage
        - Other stuff  
    - Settings 
    
    to open up All users and close manage you will have to do this

    first add the .active class to “All Users” it will open up you will have to remove “Manage” active class and we need to make sure any JS api classes to be removed

    ie we have to remove “open” class from manage and its UL to be display none :)

    how are you planing to do it via page load css ? or from JS ?

    Using css. The correct hierarchy is “Manage” become sub-menu under “All Users”. After some experiment I think I get it, I need to set display to none for my “Manage” menu, hahaha. Thanks

    Seriously, how can you not validate your JS inside an js validator tool for a distributed theme on themeforest….

    Please paste your core.js and all the JS you wrote inside jsfiddle.net and click on JSHint.

    Fix all the errors, because I can’t use the theme as is because of all the semicolonms missing and bad stuff like that (using parseInt without the second parameter…).

    PS: There are also console.log still present in those files….

    Hi Sorry if this has cause any inconvenience to you, We will take care of it now with the release that’s coming out. We paid more attention for HTML and CSS validation :) Thank you

    Boxed version, when?

    Done – please confirm you received my mail.

    Yap I just mailed you :)

    thx got it :)

    Thanks for this amazing template. How can I move directly from large screen view to mobile phone view when the screen resolution is changed or when page is initially called; skipping the green bar view? Thanks.

    Hi You want to see how the mobile and tablet version works ? on your desktop browser ? :) chrome emulator

    https://developers.google.com/chrome-developer-tools/docs/mobile-emulation

    Hi, thanks for the reply, I just want to disable the second view where one would be the web, two the tablet and three the mobile. Thanks in advance.

    Oh ok :) you mean to have web view in tablet view, please email to support@revox.io.

    I’m loading the tabs dymanically after the page has loaded so they are not initialised and aren’t changing when clicked.

    could you tell me what file is loaded to initialise them? I’ve had a look at the tabs-accordian but there isnt much in it..?

    Hi there There isnt much but make sure you add the js init code after you document ready or load and

    does your js init code have the same ID

    $('#myTab a').click(function (e) {
      e.preventDefault()
      $(this).tab('show')
    })
    

    The HTML tag ul tag id should be the same .

    http://getbootstrap.com/javascript/#tabs

    yeah i was initializing the click before the load had finished. doh!

    First of all, Thank you for the lovely work! Well done!

    Secondly, as I’m working in the admin template, I’m missing some things:

    1. class that hides/shows <li /> when .page-sidebar.mini, so we can show items when the menu is minimize
    2. the flags icons (http://www.famfamfam.com/lab/icons/flags/) – appended myself
    3. top menu icon using the available icons and not the top-tray sprite
    4. search on the left side bar

    maybe you might consider for the next update :)

    HI there noted! :) Thank you

    How to make secondary menu (like on Email template) visible on iPad/iPhone?

    It will be included in the next update?

    Hi there Yes it will be :) but do you require it earlier ?

    If it is possible. – please.. I’m working on project based on your theme right now, and secondary menu is necessary for me.

    ok, Im not sure If I can remember your email, but could you please drop an email to support@revox.io

    I’m trying to implement the drag and drop grid. but if I drag all items to one side I will not allow me to add to the other. I’ve been able to reproduce this here

    http://www.revox.io/webarchv2/grids_draggable.html If you drag both grids to either side, you are then not able to drag it back.

    that’s working if there was a grid already in that column but if the page is loaded without a grid already in there. should I be able to drag one over?

    Hi make sure each grid column has the class .sortable like in the example :)

    yep. you’re right. thanks.

    Scrolling with the mouse wheel is not working in chrome for the side menu.

    just checking, because, we tested on Mavericks chrome and Win7 chrome

    Chrome Version 33.0.1750.154 m (windows 8 )

    Hi We found a slimscroll issue in firefox, that fix might help you out :)

    I have a design problem with select2 forms. You can see the screenshot as below.. Should i need to send my codes ?

    http://www.silakalite.com/select2_problem.PNG

    Hi

    Yes the code would be alot easy to debug :) support@revox.io

    I’ve got some Pre-Sales questions that I wish to address (sorry if this has already been addressed):

    1) Would it be possible to have this link with a YouTube channel and have the dashboard show the channels analytic data (as in they click “link channel” and it opens the api and imports the data from their analytics and mirrors it on here)?

    2) Is there an Admin side and a client side? As in clients (Partners) can see their channel stats and submit support tickets while the staff can see their stats and support tickets responses (where do the tickets go by default).

    Hi there 1) Yes you can link youtube api with the charts we have but, as you know its not a one click process :) you will have to bind the data stream to the JS plugins

    2) Firstly this is just the UI layer :) what we have done here is basically hepling you guys help to build your app faster without spending time on creating graphics and making it look good, we have taken care of that, what you can do is focus on the functionality and make it working to your requirement

    Hope this answered your questions :)

    is the new version ready for mail?

    Hi there Have you send the email to support@revox.io ? :)

    ok i mailed you, can you check it?

    mailed you :)

    Hello,

    Where is the psd files is the layered closed navigation?

    Can not seem to find it.

    Thank you

    Are there psd’s for tables and forms?

    Hi there To close the menu, add the class .mini

    to the div . page-sidebar

    :) and you will have to add display none to .header-seperation div

    forms are basically bunch of 3rd party plugins, so we made the UI by customizing there style sheets

    Thank you!

    Hi, great theme!

    A question on the charts, if I paste one of the charts (see snippet below) from charts.html into index.html, the box title and text show but not the actual chart. What else would I need to configure?

    <div class="col-md-4"> <div class="grid simple"> <div class="grid-title no-border"> <h4>Pie <span class="semi-bold">Charts</span></h4> <div class="tools"> <a class="collapse" href="javascript:;"></a> <a class="config" data-toggle="modal" href="#grid-config"></a> <a class="reload" href="javascript:;"></a> <a class="remove" href="javascript:;"></a> </div> </div> <div class="grid-body no-border"> <h4>Sparkline <span class="semi-bold">Pie Charts</span></h4> <p>These charts are highly customizable, very easy to implement, scale to the resolution of the display of the client to provide sharp charts even on retina displays, and use requestAnimationFrame for smooth animations on modern devices.</p> <br /> <div class="col-md-12" id="sparkline-pie" /> </div> </div> </div>

    Hi there Quite simple a few dependencies are missing

    first

    you need to have the sparkline js include after query

    <script src=”assets/plugins/jquery-sparkline/jquery-sparkline.js”></script>

    then

    you can add this code to any where you like :D:)

    $("#sparkline-pie").sparkline([8,2,3], {
        type: 'pie',
        width: '100%',
        height: '100%',
        sliceColors: ['#eceff1','#f35958','#dee1e3'],
        offset: 10,
        borderWidth: 0,
        borderColor: '#000000 '
    });

    its also located in assets/js/charts.js

    http://omnipotent.net/jquery.sparkline/#s-about

    And there is still not new example / integration for complex form example since.

    This is an abberation for an admin theme who 90% of the page will contain forms…

    Yap :D:) we should focus on forms more and that our next plan to bring out new out of the box form examples ;)

    Hi when are we getting the boxed version? I also mailed :)

    :) Will do mail it you, its done, I will mail it within the day

    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