1192 comments found.
- Ecommerce store apps pages (like Sentir theme)
- in the right chat slideout area div#sidr.chat-window-wrapper, can you add tabs (like Sentir theme)
Hi there Missed the comment :/
Extremely sorry on our end 
yes planing to add an e-commerce page and its going to be focused more on form elements this time
Couple of issues:
On page load if the menu bar is set to collapsed then there is an issue with it displaying properly.
Also, the submenus are not collapsed on page load so you have to close them every time which is a bit of a pain.
Otherwise amazing theme and I’d love to buy it.
Also the right chat panel doesn’t scroll
The up arrow thing in the black square on the bottom-left of the screen seems to be awkwardly aligned
The progress bars are not properly vertically aligned. Sorry if I’m being a pain, I’m just trying to uncover all bugs I can find and thought it’d be easier if I did it in the same area.
Also
$("body").toggleChat();
Works one way…it will open the chat bar but it won’t close it.
$("body").toggleHeader();
Produces a white line to the top left of the menu bar.
my computer is a retina computer but there is a 1px line to the left top of the menu bar
$("body").toggleFixedMenu();
Separates the menu bar into two colours:
Hi there jamesaps
Thank you for the feedback Im going through one by one and finding a heard time to replicate them,
Lets look at the first screen shot of the user profile
Im also using OSX and chrome, and the green side bar seem to be closed properly,
I tried resize window and also firefox OSX still issue on user profile, is there any specific settings like screen resolution that Im aware of ?
No you not being a pain Its very helpful for us to know all these.
2) Auto closing menu is possible and its already set to all tablet devices and can be enabled on desktop as well
3) The Scroll to top is by design align to in the middle of the green bar edge, but if you think its a bit odd we can help you to align it any where you want
4)Was able to replacate the bug, will be able to get out a hot fix for this, Thank you!
Thanks for the reply I’ve bought the theme and will await the update – any ideas when you’ll have this ready?
My screen is a retina screen. The settings I have on the theme are:
direction = ltr layoutOption = condensed-menu theme = default
Otherwise everything else is left as is.
No worries
Hi this project include any PSD file with the UI Interface?
Btw awesome theme 
Hi yes It includes
PSD for all widgets in the dashboard, UI elements that is buttons, forms & etc , Main layout and every other page p.s charts.html will not be included as they are 3rd party plugin
ace, Thank you so much for the HAML files ! it just saves me so much time ! I my opinion all good themes shall be packed this way !
Do you plan to include a Gulp / grunt build script in future releases ?
Hi there
Great! glad it helped, not at the moment but these suggestion are always welcome for future updates
Thanks for quick reply
Next time, while packaging your release, don’t hesitate to leave “partials” as well (menu, left sidebar, right chat bar).
As lots of purchaser are backend guys and coding with templates, some of them, just as me, hate to put hands in the front code, and partials will save us even more time
I have big problem… even on you online-demo of datatable.. I have two problems… I can’t scroll on my smartphone… to who right side of the table… it’s unscrollable and I can’t click on ”+” to open detailRow …. I don’t understand why I can’t open my rows … and scroll to who all table
Hi there Yes sorry about that the second two tables are not initialized for repsonsive datatables
this is the plugin
https://github.com/Comanche/datatables-responsiveAdd the
data-class="expand"attribute to thethelement for the respective column that will you want to display the expand icon in. Thethelement cannot be for a column that will be hidden.Add
data-hide="phone,tablet"to thethelement for the respective column that will you want to hide when the window is resized.Add
data-name="Hidden Column Name"to thethelement for the respective column that will you would like its label to be set to when hidden.
also remeber to add the JS init for the particular table
var responsiveHelper;
var breakpointDefinition = {
tablet: 1024,
phone : 480
};
var tableElement = $('#example');
The slight toggle under “form elements” is really cool, but it doesn’t work with IE9. The colored circles in the radio buttons aren’t centered in the outer ring too in IE9. Anything we can do?
Hi there Its a 3rd party plugin and a beta version still sadly, we might have to do some tweaking to get it working on IE9 properly but not 100% sure, will check it up
Hi!
I’m having trouble setting web-arch to start with a hidden navigation menu.
Could you help me out, please?
Thank you so much!
<script>
$("body").toggleMenu();
</script>
add this to page bottom
or if you look at the body tag add the class hide-sidebar
<body class="hide-sidebar">
Should have looked better in the examples provided. Thank you. Works like a charm
Hi!
Just want to share with you a minor bug fix I made.
In core.js and breakpoints.js, instead of 768px, it should be set at 767px in order to sync with the media query breakpoints in responsive.css
Otherwise there is some funny behaviour as user resizes window around that breakpoint.
Cheers and great work
Andrew
Hi there
Yes that was a known bug and we have noticed it that breakpoint needs a slight adjustment, but Thank you very much for informing,we might have to release a small quick update like 2.5.1 but collecting more bugs, so far 2.5 has been the most stable version
Another issue:
perhaps you intend this?
.page-sidebar.mini .page-sidebar-wrapper > .user-info-wrapper { display: none; }
currently it is being displayed… causing the entire mini sidebar to be shifted down a little
user-info-wrapper is the class that display user information with the user profile in the sidebar, this is pretty much hidden in the condensed menu, could you elaborate a-bit how that is causing an issue, maybe a screenshot would be easier
I use CORPORATE layout but there is a little probleme on small screen on MENU ..some icons wont there, see here : http://i.imgur.com/wBid1HO.jpg
Hi there, Oh will check it up thank you for informing
when can I have fix please? something’s wrong on css or ?
Hi there We checked the demo version, we checked the package version I do not find anything wrong with the mobile or tablet version icons, we checked in on a real iphone and a real ipad besides the emulator of chrome is this caused by window resizing ?
yes its caused by window resizing, well its mainly because its set to high pixel density only so in desktops will not work, but we need to change the default icon set again, I’ll look into it but this will not cause any issue to any mobile to tablet user at all
In the HTML tag where the icon is there change its post-fix to dark
eg :
iconset top-menu-toggle-white
iconset top-menu-toggle-dark
don’t understand… what I have to change ? because I juste change -white to -dark it wont work ?
yes you have to change white to dark
yes okok thanks it’s ok
I was wondering about the iconic validation: would it be possible to show the validation error message as well (together with the icons)?
Hi there
Sorry about the late reply, Hope you had a great weekend
Yes why not, when you open up your validation JS
you find the function
errorPlacement
$('<span class="error" />').insertAfter(element).append(label)
There is some overlap with bootstrap’s datepicker and jquery ui’s datepicker. How can they be isolated (style-wise)? Calling the default and intended jquery datepicker displays a mixture of bootstrap’s styling and that of jquery.custom. Thank you
$(function(){
var datepicker = $.fn.datepicker.noConflict();
$.fn.bootstrapDP = datepicker;
$("#dp3").bootstrapDP();
});
<pre /></pre>
works like a charm, thank you!
edit:problem resolved
why I can’t hide the columnd by adding columnDefs array 
like this: var oTableTemplates = $('#templatesTable').dataTable( {
"sDom": "<'row'<'col-md-6'l <'toolbar'>><'col-md-6'f>r>t<'row'<'col-md-12'p i>>",
"columnDefs":[{
"targets": [ 2 ],
"visible": false,
}],
"aaSorting": [],
"oLanguage": {
"sLengthMenu": "_MENU_ ",
"sInfo": "Showing <b>_START_ to _END_</b> of _TOTAL_ entries"
},
});
other question I don’t understand why you have always document.ready() while all your js file are called just before tag, it just slowed all page no ?
Ah OK I resolved … to hide column I have to use “aoColumnDefs” but do you have explciation please for your js document.ready()
Hi there bgvc Great! glad you solved, we have bit of a weird time difference
Hi , no it does not it’s safe to use document ready sometimes the 3dd party plugin will not work
okok thank you
Hello there,
Are you offering customized design? I have an existing site and would like a few changes made to frontend template.
Hi there Sorry about the late reply,
What kind of work are we looking at ? we would love to help but Im not sure if we have enough time to take it as project but you could always send us an email for support
Hello Ace, the kind of work is mainly design work. I have a mockup based on your original design and would like you to implement those changes adding a touch of creativity. It’s mainly on the frontend design template.
Hi, in the Download Version i miss the Settings Button on right site where you can change the Theme. Can i finde this somewhere?
Hi there its for the demo purpose but if you want to change the theme we have specify which Style sheet load say you want to the coporate theme ?
Change the main CSS path to the followingassets/css/themes/coporate/style.css assets/css/themes/coporate/responsive.css
You can see the how to do in the package theme_coporate.html
For google fonts, you’d better use //fonts.googleapis.com (without scheme) instead of http://fonts.googleapis.com. Otherwise browser will prevent from loading google font when accessed via https.
Hi there
Noted! Thank you for bringing it up
Hi, My developers have linked this dashboard to our CRM and it’s really cool, I’ve seen the 2.5 update has Facebook/twitter/google+ tiles in the widgets page… Do you have any documentation on how we link these two our own social media accounts?
Also is it possible to view recent twitter / Facebook posts in the tiles/dashboard somewhere?
Thanks
Hi there
Well its just simple widget that is not linked to Facebook or twitter api, we have given the freedom for the developers to decide the functionality to it you can simple extract the HTML from it
<div class="col-md-4 m-b-20">
<div class="row tiles-container">
<div class="col-md-6 tiles dark-blue">
<div class="overlayer top-right">
<div class="p-r-15 p-t-15"> <i class="fa fa-facebook text-white fa-4x" /> </div>
</div>
<div class="overlayer bottom-left">
<div class="p-l-15 p-b-15">
<h2 class="text-white">Fetch over here</h2>
<h4 class="text-white">Likes</h4>
<span class="text-white mini-description ">2% higher than last month</span> </div>
</div>
</div>
<div class="col-md-6 tiles light-blue">
<div class="overlayer top-right">
<div class="p-r-15 p-t-15"> <i class="fa fa-twitter text-white fa-4x" /> </div>
</div>
<div class="overlayer bottom-left">
<div class="p-l-15 p-b-15">
<h2 class="text-white">Fetch over here</h2>
<h4 class="text-white">tweets</h4>
<span class="text-white mini-description ">2% higher than last month</span> </div>
</div>
</div>
</div>
<div class="row tiles-container">
<div class="col-md-6 tiles red">
<div class="overlayer top-right">
<div class="p-r-15 p-t-15"> <i class="fa fa-google-plus text-white fa-4x" /> </div>
</div>
<div class="overlayer bottom-left">
<div class="p-l-15 p-b-15">
<h2 class="text-white">Fetch over here</h2>
<h4 class="text-white">circles</h4>
<span class="text-white mini-description ">2% higher than last month</span> </div>
</div>
</div>
<div class="col-md-6 tiles light-red">
<div class="overlayer top-right">
<div class="p-r-15 p-t-15"> <i class="fa fa-dribbble text-white fa-4x" /> </div>
</div>
<div class="overlayer bottom-left">
<div class="p-l-15 p-b-15">
<h2 class="text-white">Fetch over here</h2>
<h4 class="text-white">Subscribers</h4>
<span class="text-white mini-description ">2% higher than last month</span> </div>
</div>
</div>
</div>
</div>
Simply to the H2 tags you can fetch data from the API and append it using Jquery hope this info helps you
is there an invoicing area in webarch where the price and quantity gives the total and be able to add more items with their respective price?
Hi there Im assuming you talking about the invoice page, yes why not you can add more items, its a HTML table, simply add more
Thank you, to clarify my question I meant for the user to be able to add more items to the invoice.
<tr>your row</tr>
Thats it! Its a HTML table like I said before, you can customise it to any thing you want to
Thank you, just to clarify my question again, as in a button that says add new item, then the user can specify which item to select and type a quantity. And hence a new row will be added. Similar to the advance option for data table that you have up.
Ah yes you can do that, but you might have to code bit in JS and data tables, hope this info helps you, if you want to check out how data-tables work you can got to the documentation
Thank you
Hi,
Thanks for a grate theme. I can guaranteed that Webarch is the one of the best theme that I ever used. Cheers,
I need a less files of frontend template. Could you update for me please?
Hi there
Thank you very much for the wonderful comment
We have not prepared a LESS file for frontend, but its possible it include that in the next update within a few days if thats ok
Thanks for great support. 
Just a remark
If you click the users name on the top navigation a dropdown is displayed with the notifications.
The notifications menu only disappears when you click on the users name again. Would be better in my opinion if it disappears when i click outside of the notifications box!
Hi there maybe you can add this code to assets/js/core.js
$('body').click(function () {
$('#my-task-list').popover('hide');
});
$('#my-task-list').popover('hide');
Boostrap popovers have an option to open and close in user events
http://getbootstrap.com/javascript/#popoversthanks!
Hi Ace,
Do you guys have a fix for:
$('#example2 tbody td i').live('click', function () {
var nTr = $(this).parents('tr')[0];
if ( oTable.fnIsOpen(nTr) )
{
/* This row is already open - close it */
this.removeClass = "fa fa-plus-circle";
this.addClass = "fa fa-minus-circle";
oTable.fnClose( nTr );
}
else
{
/* Open this row */
this.removeClass = "fa fa-minus-circle";
this.addClass = "fa fa-plus-circle";
oTable.fnOpen( nTr, fnFormatDetails(oTable, nTr), 'details' );
}
});
.LIVE is deprecated with jquery 1.9+
Replacement is ’.on’
This is for datatables
Having an issue getting the bootstrap style select2 drop down to style in my datatables. The default css loads
The container seems to not be activating
DTTT_dropdown dropdown-menu
Hi there Sorry about the late reply, it was a holiday for us yesterday, yes live is deprecated, we might have to migrate to 1.9, for select2 you need to do the following to the DOM
$('#example_wrapper .dataTables_length select').addClass("select2-wrapper span12"); // modify table per page dropdownexample – your table’s ID
#exampleis your table’s ID
