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.

Stupid question maybe but where can I check the version in the downloaded .zip file? I downloaded the most recent version from envato today and I’m wondering if it’s the new 2.7.1 update or the 2.7 version.

Thanks guys, you rock!! :D

Hi there

We did not add a comment saying which version it is :) but 2.7.1 and 2.7 is quite similar from one another just core.js change. I will add a note to keep a comment on top of the css and js files so that its easier to identify. For now if you can send your style.css and core.js I will let you know the version

and Thank you! :)

It’s okay thanks mate. :)

btw maybe I found a little bug. In the page “Tables -> Basic Tables” there are 3 data table examples. For the first one on the page, I can’t select all options at once with the checkbox “select all”, I have to select each checkbox one by one. On other tables I use the “select all” checkbox works fine, just not on this one.

Also in this same table I can sort the values in the table (descending or increasing). It works fine with the description and the price but not with the progress.

Hi there Sorry about the late reply I could not track back your comment.

You need to have the following code in your JS or page bottom :)

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

I have three pre-sales questions:

1: My website is built with html,php,and css; and I would like to use it as an admin backend page, can I integrate it with this template?

2: If so, can I install it on a sub domain such as admin.mydomain.com and control my site from it?

3: Also, can cpanel interact with the widgets that display cpu usage, ram usage, and hdd usage?

Hi there This is an HTML , CSS and JS template and it could be used practically for any thing but you might have to go with an extra development of integrating it, there is no one button click for it to install automatically :) in terms of your questions

1 ) Yes you could

2 ) We do not have any restrictions of domains, you can install it any where you want

3 ) I believe cpanel comes with the API but not 100% sure

Hope this info help :) let me know if you have any more questions

I found this code /* Large desktop */ @media (min-width: 1200px) { ... } in magic_space.css file.

is it unimplemented or some special usage?

Hi there magic_space.css will no longer be used after 2.5 upwards :)

Could I integrate this with separate Google Analytics accounts / logins? If so, do you offer any support/customization?

Hi there From my view yes but you will have to do a bit of development of integrating google API

https://developers.google.com/analytics/devguides/collection/analyticsjs/events

with the chart and graphs in webarch and they will display your analytics, its totally up to you :)

we do offer support for the problems and bugs that you might face but we do offer customisation hope you understand.

Hi, congratulations for the great template.

I have a doubt, when I'm in the browser in a lower resolution, the side menu scroll bar does not work, in fact the menu does not open well.
I believe that the fact that the menu does not open when the resolution is less is normal, but when I'm on the map screen (I have one in my app), breaking the screen and adds a scrollbar.
My biggest problem is the scroll bar does not funcrionar.
Thank you!

Hi there Thank you! :) Do let me know about what resolution you tested on and the browser version.

We have tested out many devices including iphone 3gs, 4s, 5s and 6, ipad 3,4 galaxy2 and tab, in all of these devices they performed well :)

When is the release of new product on themeforest planned for? How can we get notified about it? Quite anxious for that :)

Hi there We have sent it over to envato, waiting for the approval, I do not think they approve items during the weekend so It will be live on Monday morning :)

We will keep everyone posted on twitter and http://revox.io/

Thanks very much!

Hi,

how can I change the width of the sidr/chat on the right side to 50% ?

It is now 260px width, and I want to change it to 50%.

thx

Hi there You can set the class

.chat-window-wrapper to width 50%, and then you have to also change the translate

body.open-menu-right .page-content {
-webkit-transform: translateX(-60%);
-moz-transform: translateX(-60%);
transform: translateX(-60%);
}

Use chrome inspector

https://developer.chrome.com/devtools/docs/dom-and-styles

You will have a good idea

Hi Ace,

Quick question. I notice that the style.css on the FRONTEND folder doesn’t contains the error tags used in validations of the forms. What do you recommend in adding these tags?

Hi there,

Yes we did not include everything in webarch to the frontend, you can import the required code to the frontend style.css, it will not be an issue at all :) and apologies on the late reply

Thanks for the reply. Late reply is better than no reply at all.

Interesting answer, if I understand it correctly you want me to use :
@import url("stylesheetB.css");
I was thinking adding just an existing line in my HTML like:
<link href="assets/css/style.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/frontend/style.css" rel="stylesheet" type="text/css"/>

Hi there Yes the last method would do :) double check if the backend dashboard assets/css/style.css will over write the exsisting classes in the frontend like the body.

Hy Ace, great template! I love it :)

Is there a way to fix the mobile horizontal scrollbar issue? If I open webarch on my mobile chrome browser and click the menu toggle to open the navigation, then i can swipe to the left and scroll the body horizontally. the menu hides, but the top panel stays unnaturally and I can swipe back to the menu. I don’t need this scrollbar. Can’t it be disabled? Screenshoot

Thanks, Jochen

Hi there Thank you! :) I see, well there is a small patch for that in your custom CSS add the following line of code

.open-menu-left .page-container{
overflow-x: hidden;
}

Let me know

Hello! The wysihtml5 editor isn’t displayed if to remove a script assets/plugins/ios-switch/ios7-switch.js or if in a template to remove any of these codes (form_elements.html): <input class=”ios” type=”checkbox”> <input class=”iosblue” type=”checkbox”>

Hi there

That is because you have included the form_elements.js, that’s only for demo purposes, You can create your own custom js and then include it at the bottom of the page where form_elements.js was before, after words extract the required code :) then you can remove the unwanted libraries from it, hope you got what I’m talking about, let me know

ok, thanks

I have a problem on my phone, when I use horizontal menu and I check my site on smartphone when I click on ”#horizontal-menu-toggle” my webpage sometimes refresh and go on home :S very strange thing… i’m thinking this is because of a href=”#” ...how can I prevent default on ahref tag ….and juste open my menu without goto link…. thanks

If i put e.preventDefault(); on click event on $(’#horizontal-menu-toggle’) it’s ok? or I can change href=”#” to href=”javascript:;” ? hmmm both works but When I click an menu the ”.horizontal-menu .bar” on little screen stay always open…how can I close it when I click on menu ? (it’s due because I use ajax….I load a view in my container but the menu stay always open idea ? how can I close it properly :)

Hi there Both does the same trick so its fine to go with any because href=”#” leads to scrollto element where if your in the bottom of the page and click on a href=”#” the page will scroll to top :) so thats why we need to e.preventDefault(); :) and you can remove the class

$('this').parent().removeClass('open');

to remove the close it manually, hope this information helps you :)

Hey ace skecchi im back I know, I really should leave you alone but I can’t figure this out been stuck on it for awhile now hoping you might have a fix for me

so I am using the multi select2

http://puu.sh/cWCsN/9c2c9e1bef.jpg have over ridden the css for it , so it’s using a 0.4 opacity bg for select2-container. .select2-choice (etc) but I want to re use the old style for one of the forms http://puu.sh/cWCxI/394263e603.png

but I can’t just make a class to override it as the classes are not in the html file as it’s generated on the dom from the select2.css I presume you have any idea as I don’t want to have duplicate all those classes again and rename it ,

thx skecchi

um how can I had that class .black/ .white to the html code as this all the multi select class is

<select id="  multi" style="width:100%" placeholder="Tag post in" multiple="" tabindex="-1" class=" selector-override select2-offscreen m-b-10">
                   <option value="Jim">#WatchThis</option>
                    <option value="Jim">rts</option>
                   <option value="John">John</option>
                   <option value="Lucy">Lucy</option>
                   <option value="Lucy">Lucy</option>
                 </select>

that’s my problem as the other code is generated in the js some where

Hi there If you using your browsers dev tools you can track down the classes easily here is how to do that :)

http://javascript.info/tutorial/development

hi, I have problem with open mega menu (horizontal menu) when I open a big menu … the widget on my content is shown above my big menu… I have only the .overlayer and .overlayer-wrapper above my megamenu … i’m thinking the problem is the css properties z-index on this overlayer? how can i fix it .

Screenshot ://i.imgur.com/qwrwiu3.jpg

Hi there Yes its a z-index problem, let try increasing the menu index to 100 as the widgets stay below that

.horizontal-menu .bar{
z-index: 100;
}

yes but I have to put 250 because of photo of the tiles ^^ thankyou…

Hi, is it possible to use a dropdown menu on the navbar on front end theme? It works on the navbar at the top of the page but when I try to add dropdowns onto the alternative navbar (the one you get when you scroll down the page), it won’t work.

Cheers!

Hi there You want to add the front end navbar dropdown to the admin dashboard ?

Hi ace, any chance you would know a quick fix so when in mobile mode it would show this bar http://puu.sh/cPIuF/178a93f1e0.png, rather than this nav bar currently http://puu.sh/cPIHr/2bf3d7be1a.png

bare in mind that I am using the horizontal_menu_boxed layout , so I thought I could use the hidden-xs for the original bar but I found out that the each nav bar loads a specific class in the body , some help would be much appreciated

thanks skecchi

Hi there That is bit hard to do it purely using CSS as you can see that the menu div position is different from vertical vs horizontal. So the best option would be to go is to duplicate both menus but hide it in desktop and tablet, hidden-md and hidden-lg and then

then three line icon that you find in the mobile

it has an id=”horizontal-menu-toggle” this is what toggles the horizontal menu dropdown rename it to

“main-menu-toggle” it should be fine then :)

yup that worked , now how can i disable the mini green nav before it goes into mobile mode http://puu.sh/cQl8y/d96ff5e5de.jpg ,

thx skecchi

Hi there Sorry about the delay, we are coming to end with the new release :) ok that should not happen though, is there any way you can share the code with me so I can have a look ? :)

Hi there,

I’m trying to reuse the people page on the front end template but i’m finding that the page bugs when it’s refreshed, making the images collapse and look squished.

Is there something you can do to help me fix this issue?

Many thanks in advance

http://i58.tinypic.com/2n0otp3.jpg

I thought it was working but the images are squashing down again, any ideas how I can fix it? Many thanks

Hi there Just got what went wrong, we use the isotope plugin and the height is set via js through that plugin and with network delays it cant find the height of the image so this plugin will help and it has been mention even by isotope :)

https://github.com/desandro/imagesloaded

once you download include the

imagesloaded.pkgd.min.js

after that open up frontend/assets/js/core.js

and then in around line 131 you will find a
        var $container = $('#thumbs');
        $container.isotope( ...

and the following code after wards

$container.imagesLoaded( function() {
  $container.isotope('layout');
});

More details mentioned here

http://isotope.metafizzy.co/appendix.html#imagesloaded

I removed the ‘layout’ from $container.isotope() and it seems to be working – thank you very much for your help! Awesome support!

Announcement

Migrating from GitLab to GitHub, during the migration git.revox.io will no longer be accessible, Please do mail your github user names to regain access :)

Regards Ace

Hi, the mouse scrolling of the frontend does not work inside Safari 8.0. Let us know. Would like to use a single theme for admin and frontend.

Hi there I just now tested the front end on mac os Safari 8.0 I was able to scroll properly, You are not able to move it even a bit ? I will check it again on a different mac. Im assuming you are using OSX not windows

Hi, thanks for the prompt reply. It seems to be linked to the framed environment that theme forest pushes one into. I viewed the source and went to your theme url directly. Scrolling works fine, cheers.

Oh, Great! :)

Again, the most amazing admin ever.

Question: Is it possible to combine the horizontal submenu layout with the normal menu layout (eg with the left side nav)?

I would like to have that cool secondary menu on a few of my pages which are overly complex.

Thanks!

Hi there, Thank you very much! :) Its possible but we need to have double menu toggle on mobile, when you view Webarch on a mobile you ll see the three lines to activate the menu. Currently it supports one per menu, I could look into it after we release our new upcoming product :)

Follow us on twitter to stay updated ! :)

https://twitter.com/revoxltd

Hello Ace,

I am using your plugin and need some clean up work. The clean up work is ensuring it’s mobile friendly as we’ve made some slight modifications to the design which is causing some mobile display issues. Also, need to repair a few plugins such as pace as it caused a problem with the page just sitting and loading. I can provide you with a list of items. Is this something you would be willing to do?

Hi there If you could email me the list I could help you out to certain extent, Some of the plugins are third party and its quite advance to modify it if the feature is not supported in the specific plugin :)

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