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!

This is a great theme, but I have a problem with scss compilation: 10/6/2014 9:10:38 PM: SCSS: style.scss compilation failed: The service failed to respond to this request Possible cause: Syntax Error!

How to fix it? Thanks!

Hi there Just tried compiling it and it worked out just fine :) lets help you out to find what went wrong, what is the compiler that you are using ? its from RAILS or something like this

http://koala-app.com/

When is the next update coming ? Will it feature any PHP examples or Angular.js ?

Hi there There is going to be something awesome by next week :) thats all the information we can give now stay tuned

Hello, do you heave PSD files ??? on your ADM panel?

thank you Martin

Hi there

Yes we do, is there a specific PSD file that you are looking for ? :) We have included them

Hello in horizontal menu layout, I can’t make `Search Dashboard` input working – when I click it it goes to index.html

Also simple footer thing would be nice – © 2014 webarch…

Thanks

I found it, and it’s `demo-center-logo` this is badly placed here, overlapping top bar, how can I center that image without it? :))

I’ve resolved it too: I put logo thing in the top place inside `navbar-inner` it may help anyone :))

Thanks

Hi there Sorry about that, small mistake with the link a href=

It should be like this

<span class="demo-center-logo">
<a href="index.html" class=""><img src="assets/img/logo-b.png" class="logo" alt="" data-src="assets/img/logo-b.png" data-src-retina="assets/img/logo-b2x.png" width="106" height="21" />
</a>
</span>

Wrap the Logo Link with span and add the class :)

Hi Ace.

any news about ganntt/timeline?

Best regards Christian

Hi there

We did not forget you! :) I dropped you an email

Hello i’m thinking a draw is better thant text to explain my problem :) so when I have a lot of menu …thr menu go to next line and when I open it… I have two problem, check here : http://i.imgur.com/i6TGYg5.png

I have no demo-center-logo on A link … I already wraped my a link with span-demo-center-logo remember I tell this bug to you but…this span is always over the navbar… and If I put a link on the .pull-left div ….I cant click on it….. ...

Oh! right, if you can add this to you stylesheet it would work fine :)

.horizontal-menu .header-quick-nav > .pull-left,.horizontal-menu .header-quick-nav > .pull-right{
  position: relative;
  z-index: 10;
}
.horizontal-menu .header-quick-nav .demo-center-logo{
  z-index: 1;
}

A z-index issue

very very nice thank you :)

I’ve uploaded files to ftp server. and I open “index.html” side bar menu just show link1,2,3….... I want to display full pages of link menus like live preview. how can I do? thanks.

Hi there

You must have uploaded the barebone/index.html

you can go to webarch/html/ folder and upload all the files, these are all the demo files :)

thank you very much :)

Why a simple checkbox with no text is invisible? It happends in asp.net only.

Example:

<asp:CheckBox ID=”CheckBox1” runat=”server” /> works fine but no style applied <asp:CheckBox ID=”CheckBox2” runat=”server” CssClass=”checkbox” /> totally invisible

Did you try this

<asp:GridView ID="table" runat="server" 
    CssClass="table table-hover table-striped" GridLines="None" 
    AutoGenerateColumns="False">

</asp:GridView>

adding

CssClass=”table table-hover table-striped”

and

GridLines=”None”

This works fine but try to add a column with a checkbox and try to make the pager look like in the html example.

Is it possible for you to share the code of the gridview with me, that has checkbox and also columns ? :)

Hi,

I saw in a different comment that you give access to the GIT repo, any chance you can do that for me?

Hi there sure I can send you an invite to the private repo, can you email to support@revox.io :)

Hello,

I am confused between buying Social Network – Admin & Website Template and this Webarch template.. Both are awesome. Please help. My usage will be to create website like facebook.

ok thanks.. :) will be waiting..

The count down begins

http://revox.io/

When will you release the angular version?

Hi there Working on a big surprise and that will also have Angular support, say within another two weeks :)

Just wanted to know why is the timepicker/datepicker is dependent on ios7-switch.js? If I strip out the codes in form_elements.html and retained the the iOS7 slide toggle code block, timepicker and date picker work but if I remove the block it doesn’t work?

Hi there It is not :)

Please do not use form_elements.js for production we only made it for demo purpose. If you remove io7 toggle div from the HTML, the JS will still look for it and if it does not find it, it will through an error and hault everyother operation causing other plugins to fail :)

So Start off from the barebone folder, go to that folder and open index.html, its a fresh start for any project :)

Next

add this HTML code

  <div class="input-append success date">
       <input type="text" class="span12">
       <span class="add-on"><span class="arrow" /><i class="icon-th" /></span> 
</div>

   <div class="control-group">
     <label class="control-label">Default Timepicker</label>
     <div class="controls">
       <div class="input-append bootstrap-timepicker-component">
       <input type="text" class="timepicker-default span12">
       <span class="add-on"><span class="arrow" /><i class="icon-time" /></span> </div>
     </div>
   </div>    

include the css on top of the page

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

include JS after jquery plugin anywhere on the bottom :)

<script src="assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap-timepicker/js/bootstrap-timepicker.min.js" type="text/javascript"></script>

After that we need to initialise it

you can either create a new JS file and include it at the very bottom of the page or include this code at the very bottom after all includes

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

Done :)

orm_elements.js noted.

Where is the timepicker sample though? Is it timepicker or clockpicker?

I think from version 26 you are using a timepicker and in 27 a clockpicker.

Hi there Its the bootstrap datepicker I just showed you :)

For the timepicker we did not update the documentation but

here is the documentation of the author of that plugin

http://weareoutman.github.io/clockpicker/

Same methods

HTML tags then Includes and then JS initialisation

Please do let me know if you find trouble, I can help you get it sorted :)

It’s so fustrating that your documentation doesn’t help anything at all, i better go to jquery plugin directory and search for my own and try to implement with bootstrap. This template is not helping me anything since i bought it. Check your documentation and check the javascript references, it’s not matching (for example datatables js libraries). In the other hand, your theme was made for just working with the example, what if i need to use only one datatable from “datatables” where is my help to isolate everything but that item?.

I started with the barebone and i tried to isolate components of the different examples but it was not easy using your example so i searched in the documentation for a simple example or something that could guide me in the way to get a datatable as i saw in your template but i had no luck. My recomendation is that if you are offering something in your demostration page at least include a code example of what you are using or include it on the template.

Hi there Noted, Will try to make the documentation more descriptive, the steps that I told you, did it do any help to you ?

This is basically how most plugins work

First you have set of HTML code Second you include required JS Third you initialise the plugin

So if you look at the example datatable.html you will extract the required table out, it will have an ID

usually the demo code is as the same name of the html

if you have form_elements.html the JS file would be form_elements.js

incase of datatable its datatable.js

so you’ll see a bunch of code, you take that ID that I told you about and search it using the search in your IDE or editor and you will find that code block :)

:) let me know if you have sorted out the datatable.

I could arrange an online live webcast over skype or any video sharing with voice and explain the entire thing :) let me know ?

So my scroll bars on the horizontal theme mode are a bit stuffed http://puu.sh/bOvOx/f249d683b2.png

I think it’s because we might be missing some js for the scroll bar maybe some css , also this is for the bare-bone , not webarc as that one works fine tried my self to re add css ,still not fixed tho, I think it’s a small thing which would take you not long to fix where iv been trying to fix it for 30 min, thanks skecchi

Hi there Will email it to you ASAP once done :)

me again sorry , how goes the progress , I wouldn’t be asking it;s just I have a dead line to meet and I Just need to to the profile page then im done so will it be done in the next couple of days or should I just making one my self

Hi there Dropped you an email :)

Hi! First of all thank you very much for your excellent work in this theme, I really like it. I would like to know how can I make that the landscape mode for small screen or tablets will work like if the screen is bigger. I mean in tablet the sidebar looks collapsed but even if you click the button it doesn’t work (This could seems strange for the user), so I would like to be able to click the menu button and show the collapsed menu as normal way on nonmobile screens.

And just a little type in your css: .header-seperation it should be .header-separation :)

Regards!

Hi there Thank you for the wonderful comments ! :) Yes this has been request by many, We did have version on 2.5, I can email you that version just for you to have a look and now Im working on a better way to represent opening of the main menu on 1024 resolutions screens :)

Ok, so you’re planning to release in a new version right? I think I could wait them :D By the way, is there any way to have horizontal menu together with side bar?

Thank you very much

Hi there Even the request to have both menus :) so adding this all to the next update

Hi, great theme… I am trying to set a horizontal menu boxed layout. I have already set the horizontal menu, but can’t make it boxed, what do i exactly have to change?

Hi there Boostrap natively comes with the div class called .container

<div class="container">
...
</div>

Any thing that you put inside or the same element will make it boxed :)

That is how we achieved http://revox.io/webarch/2.7/horizontal_menu_boxed.html

If you look at the code you will see the container class, also if you find trouble attaching it, simply email the code to support@revox.io we will do it for you :)

Oooooooohhhh thank you very much =D didn’t see the damn container tag :/

I’m about to buy the theme it’s just I need two things I really would like on this fantastic theme , a better editor: http://hackerwins.github.io/summernote/ this is what all admin themes use now days

and a better profile page like the others have said ,

Edit: I’m buying the theme as it;s very good :)

Hi there Yes we had the same inquiry of these two things, a better profile page and also a new Editor like summernote, We are planing to issue an update on these and also make user able to migrate from older version to new :), so far thats our list and Thank you!

oh great do you guys have an eta on this

I have some kind of problems with Advance Tables.

Whenever i click on the first checkbox to get all the controls bellow checked, it doesn’t a something. It’s not working, please check it out.

Hi there

The advance table plugin is using

http://datatables.net/

It does not have that feature so far, but when you look at

http://revox.io/webarch/2.7/tables.html

You can make it work because we wrote a custom script to do that :)

    //Too Small for new file - Helps the to tick all options in the table 
    $('table .checkbox input').click( function() {            
        if($(this).is(':checked')){            
            $(this).parent().parent().parent().toggleClass('row_selected');                    
        }
        else{    
        $(this).parent().parent().parent().toggleClass('row_selected');        
        }
    });

We can do a work around to write a custom script to make it support on Datatbales but natively it does not, Hope you got what I’m saying

Let me know if you need assists setting up that script

please can you tell me what I have to add to my css to allow my old problem with this update ? do you remember I wan’t to allow to open always condesed menu …when clicking top-menu-toggle-dark … (actually it not works still…) ((please tell me but really I don’t understand why you block to open condensed menu … because only the icons aren’t ergonomic…. i read others post that they want to open condensed menu … because when you haven’t sub-menu ….. the icons is not enough to know where the user will click … I’m thinking it’s very important to allow to open this f* condensed menu :S

ok thank you very much :) will try it thank for this idea ;) another question in your update with hotizontal-menu layout… when I click on search input or other or those nearby … my page refresh in cause of logo hyperlink with class .demo-center-logo … how can I display the logo only display:block … just reload the page when I click on logo and not nearby :S when I inspect element ahref I realize that que is over header and not just on logo :( idea to fix that? :D

Hi there! :)

Thank you very much for reporting this!

yes

instead of the existing link with logo

wrap it with span like this :), it should be fine

<span class="demo-center-logo">
<a href="index.html" class=""><img src="assets/img/logo-b.png" class="logo" alt="" data-src="assets/img/logo-b.png" data-src-retina="assets/img/logo-b2x.png" width="106" height="21" /></a>
</span>

works fine thank you

Thank you for the speed up upgrade. What is the 2.7.1 update? What did you fix/change there?

Hi there 2.7.1 will have SASS fixes has some SASS user ran into while compiling 2.7 :) Only update if you use SASS

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