Discussion on Webarch - Responsive Admin Dashboard Template

Discussion on Webarch - Responsive Admin Dashboard Template

By
Cart 4,893 sales
Well Documented

ace supports this item

Supported

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

1192 comments found.

Any updates on when you plan on updating to datatables 1.10+? I know we can easily swap this in via the plugins folder, but it appears you guys made several helpers/demos/samples on how to use it with the webarch theme (js/datatables.js and js/datatable_bootstrap_extend.js), that would be nice to be also updated with the release of datatables 1.10+. I would say that is my only complaint about this package. Other than that, it’s fantastic. Appreciate the help. Thanks!

Hi there

An update for webarch is on its way and I will include the new update for datatable js :)

Awesome. Thanks! Do you guys know when you plan on pushing that update?

Around Mid of march but the datatable update you can get earlier if you want to :)

Hi there,

This is the first theme I bought from you guys, do you happen to have github repository for it as well?

Thanks for the great theme!

It’s “fzhan” Thanks

Sent you an invite :)

got it! Thanks! :D

Hi Ace,

Is it possible in notification list that i can show 3 notification only at a time, and user need to scroll that box down to see further notification?

Thanks.. :)

Hi there

Sorry about the late reply, you are talking about the notification list in the header ? currently there is not height set for it so you will see a lot but if you do want a nice fancy scroll like thing here is how to do it

in the css add the following, you can change the height to what you want :)

.header .popover-content{
    height: 200px;
    overflow: auto;
}

This will work but you will see the native OS scroll so lets add a cool scrollbar on popover trigger event

$('#my-task-list').on('shown.bs.popover', function () {
$('.popover-content').slimScroll({
    color: '#a1b2bd',
    size: '4px',
    height: '200px',
    alwaysVisible: false
});
})

You add this to your js file or even assets/js/core.js

Hi Ace,

Can you please give me an idea how can I combine the form validation and a modal form on submit? Basically I want the validation to be triggered first and when it pass the validation, a modal form will appear asking for a confirmation with a yes or no button.

Thank you,

Aldrin

Thanks ace. I understand the validation part of it, the one that I can’t figure out is how to incorporate the call for the modal part after validation using these codes: data-toggle=”modal” data-target=”#myModal”

Basically the modal part only contains a confirmation like “Do you want to continue?” YES NO

Oh my bad :) thats easy here is example

http://jqueryvalidation.org/valid/

so what you can do is remove the submit button and use a traditional button with a ID, Im going to use “myButton” as the ID for now & update the JS to the following

$("#myButton").click(function() {
  if($( "#myform" ).valid()){
     //Trigger Modal
     $('#myModal').modal('show')
 }
});

Hi I’m interested to buy your admin dashboard template. But I’ve got one question: are all the components (ex. weather, calender, e-mail) included in this template or are these just demo components?

Thanks.

Hi there

Weather is a plugin and does not show the real weather of your location :) but you can use an API like yahoo weather to get it working.

Calendar is a plugin that is called jquery fullcalendar and its fully working :)

Email is our very own UI just incase some one wants to build an email app

Hope this information helps.

there’s a new update comming?

Hi there

Yes, Angular for Webarch :)

Any showcase websites using this template?

Besides the demo!

Thanks!

Hi there

We have the front end website

http://revox.io/frontend/index.html :) you mean something that a person has built using webarch ?

Hi,

Says this is well documented for some reason i cannot find any documentation to help me with this

Adam

Just some basic installation documentation and setup information as just starting out wanted to read through that

alright :) you can start your project off from the barebone folder, the code is cleaned and commented out in segments for better readability and while constructing your project you an import the code required from the webarch/html folder

i will start looking in to that thanks. have a wordpress site sit was looking to get the stats out of that really in to this. I will look through the barebones code

Hey – The select2 Dropdown isnt working. I put the required files in but nothing happens.

btw: the documentation is really patchy .. Where do i find introductions about the dropzone file upload ? And the jQuery notifications ?

Hi, is there any way to add scroll bar to notification popover? I cannot see other items if I have more than 10 items in notification

Hi there

Yes there is a small problem because of the elements get added dynamically :) first we need to add a small style to the css

Im setting the height to 200px you can change it :)

.header .popover-content{
    height: 200px;
    overflow: auto;
}

This will work but you will see the native OS scroll so lets add a cool scrollbar on popover trigger event

$('#my-task-list').on('shown.bs.popover', function () {
$('.popover-content').slimScroll({
    color: '#a1b2bd',
    size: '4px',
    height: '200px',
    alwaysVisible: false
});
})

You add this to your js file or even assets/js/core.js

it works, thanks

Great :)

Horizontal menu a little bit broken Downloaded latest version today

Hi there

Thank you very much for reporting this, bit wierd but I do also have the same issue when I look closely

here is a small patch for now

.horizontal-menu .bar-inner>ul>li:first-child a {
position: relative;
top: 2px;
}

It’s not about only first item ) It affects all items without dropdown icon

Alright, yes that is correct, there is no way to traverse back in css so we will have to go adding a class to single menu items

adding class to li “single-item”

.horizontal-menu .bar-inner>ul>li.single-item a {
position: relative;
top: 2px;
}

is there a scss version of this? If it’s just sass that’s ok, I can convert it to scss.

Hi there

Yes Webarch has a SCSS version in barebone/assets/scss/ folder in your downloaded package :)

Hi Ace,

is there any way to include a horizontal menubar ?

EDIT My fault found it :)

Great! :)

Hi Ace,

We really like your template and would like to use it but we noticed you are not yet using AngularJS. Is this something you will be releasing soon as we would really like to purchase this theme as an AngularJS app.

If we purchase this theme now without AngularJS and you add Angular later would we be able to get the update?

thanks

Kevin

Hi there

Yes AngularJS is on our list, v1.1 will be released on Feb 3rd and v1.2 will be all about Angular which will be around 20th of Feb :)

thanks for the quick response.

Hi there

Im abit sorry about the confusion its not v1.1 that is for Pages :) our new product, but by end of Feb We will also have angular for Webarch in the next update

How can I install the theme in ruby on rails?

THANK YOU.

Thanks ace, works all the only problem is the following string in the console

”.rvm/gems/ruby-2.2.0/gems/web-console-2.0.0/lib/action_dispatch/templates/rescues/routing_error.html.erb Within rescues / layout (48.5ms). “

Thank You

And the only way to implement in rails?

Hi there

You can use the boilerplate generate in v1.1 :)

http://pages.revox.io/doc/1.1.0/jquery/rails.php

Hi Ace,

The validation page where there’s a section for the Login, why does the validation is not working on that?

Hi there

We have made the Login to validate

http://pages.revox.io/latest/login.html

Please let me know if you can see if working ? :)

Hi Ace, that is for the pages template and not webarch. If the code is the same how can I get those then?

Btw, this is the form that I was referring to. (Bottom right corner section)

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

Hi there

Sorry about the confusion :) Ok got it, You can use the standard HTML5 Validation attributes for example

<input type="text" name="username" placeholder="User Name" class="form-control" required>

Using the “required” attribute to the form input will make it required :)

and at the very end you need to just call in jquery validate method

“form-login” is the ID of your form :)

<script>
    $(function()
    {
      $('#form-login').validate();
    })
    </script>

Hi, I just purchased it for a drupal website, I do not find .info and php code files, so it doesn’t llook as an actual theme.

Q1 BTW Is this really a theme ? Really bad news if not :[

Q2 Does it exist somewhere implemented as a real theme for Drupal ?

Hi, thanks for reply. I do understand and may reuse the product as a baseline for my homepage. Could you please advise me some Drupal themes I could buy that would be coherent with your approach in this webarch magnificent work ?

You mean a Drupal Template that is a Admin Dashboard to use charts & forms etc ? :)

Hmm, a proper ready-to-deploy Drupal 7 THEME, and, yes dashboard-oriented and modular. I intend the portal to display widgets and to have no rubric/sub-rubric browsing mode. Any idea ?

Hi,

is the psd file included? yes, then I would like to buy…

Paul

Hi there Its not included in the current version but in v1.1 on February 3rd its going to be released with PSD :)

Hello Ace,

I am not able to use Color picker. I included following files.
<link href=”assets/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css” rel=”stylesheet” type=”text/css” />
<link href=”assets/plugins/boostrap-clockpicker/bootstrap-clockpicker.min.css” rel=”stylesheet” type=”text/css” media=”screen”/>
<!—JS->
<script src=”assets/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js” type=”text/javascript”></script> <script src=”assets/js/form_elements.js” type=”text/javascript”></script>

i can not find any js error also.
Please help. Thanks in advance.. :)

Hi there

You do not need the “form_elements.js” file :)
<script src=”assets/js/form_elements.js” type=”text/javascript”></script>
instead you initialize the plugin like this
<script>
$(document).ready(function(){
$('.my-colorpicker-control').colorpicker()
});
</script>
and add the class “my-colorpicker-control” to your input field :)

hi there.. it works in normal page but when opened in bootstrap-modal, it does not work.

Hi there Sorry about the late reply, Its because of the z-index, the modal has a higher index of 1050 so we need to increase the one in the color picker you can add the following css code :)

.colorpicker{
z-index:2000;
}

Is there anyway to edit the base template for the frontend website? Or do I have to edit each file individually?

Hi there

I’m not sure if I got what your saying :) , you can edit the core html files and even the LESS / CSS files to your need. From what I understand you want to use pages for a frontend site ? yes you can :) and what kind of changes are you looking at ?

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