Hi there You want the desktop view even in the tablet right ?

so you once you scroll down in the source you will find the

<div class="page-sidebar" id="main-menu">

and the extra class opened

<pre>
<div class="page-sidebar opened" id="main-menu">

Hope you got it :)</div></pre></div>

Hi there

I think its a small mis understanding, when you delete a chart you should delete the appropriate JS code relevant to that chart or else it will try to find it and if its not there it will through an error, I know why didn’t we error handle ? unfortunately these 3rd party plugins don’t but I’ll give you a best practice hint

In the package folder open the barebone from that you build your project, it has all the minimum requirement to run webarch, you simply import necessary plugin links( follow documentation).

To debug code Open up chrome and press f12 and go to console tab or else in OSX right click inspect element

To find the relavant chart JS in the HTML code you will find a div with a specific unique ID, open the chart.js in assets/js folder and find that same ID

Hope this helps

Hi there I think your talking about the settings gets over layed by the chat right ? yes its demo only bug will fix it Thank you very much

forgot to ask how to force desktop view also on tablet? Thanks!

Hi there Answers 1) Try the 4 main color and the class

text-warning
text-success
text-danger
text-info

2) By default we have set it to go to condensed menu there for the logo also condense with the menu

to open the main in tabets

Just add the class .opened to main-menu div Done! we have already enabled that feature in 2.5

3) Have you use LESS because that would be quite easier to change the theme colors if not we can change the ill tell you the CSS line number

Hi there Im not sure if I got exactly what you were saying, you mean when you have the themeforest top bar and without it ?

Hi there Unfortunately its not this is a third party plugin, but we have already made one for the new update,

Pre Checkbox update : slide toggle

Send an email to support@revox.io

We will mail you the code

Cool. I will wait for the update, thanks

Hi there Simply add the following div after grid body, note that you must specify a height

<div class="scroller" data-height="220px" data-always-visible="1">
Your scroll content
</div>

Hi there Sorry about the late reply, I think I got what you said but a screenshot would be very helpfull, did you try out the datatables responsive plugin

Its already available in webarch

https://github.com/Comanche/datatables-responsive

HI Ace. I am using the responsive datatable element and it works when screen size is different. Sending screen shots

Hi there Thank you very much, appreciate the great comments

Yes why not but you need a js custom code, that we could provide, quick question do you have a set of images stored on a directory and your retrieving it from that or from an api ?

set of stored images.

Hi there Open up core.js or even login.js to put the custom code to change images

$.fn.randomeBackground = function(numberofimages,dirpath,ext) {
       var random = 1 + Math.floor(Math.random() * 6);
       $(this).css("background-image",dirpath+numberofimages+ext);
};
//Function Call
//Para -  Number of images, Path to dir, Extenstion
$('body').randomeBackground(6,'assets/img/bg/','.jpg');

Hi there Im assuming your talking about the front end, but if you look at the admin panel design dashboard we have made a couple of blog widgets yes we are planning to update the front end so blog page would be an awesome idea

Hi there You should be able to compile it properly though, there was a minor update issue with 2.5 where it was not sync with the LESS files, but we now have a proper update and will be available in themeforest soon

but if you want to SCSS files please email to

support@revox.io

SCSS Latest Update Available

Hi there Yes the data-tables plugin is bit annoying even there latest update uses flash :/ but they do not have any other options, still investigating on this problem with data-tables, well if you want to

Knowledge Base

Close Port-lets By Default

To your grid add the class closed

<div class="grid simple closed">

</div>

and afterwards we need to point the arrow up so you will find the div .collapse inside the grid

change it to

expand

Thanks, i’ll try it later. and like i said i just changed the file dataTables.tableTools.min.js there search for

TableTools.DEFAULTS={sSwfPath:"../swf/copy_csv_xls_pdf.swf"

and replace it for

TableTools.DEFAULTS={sSwfPath:"assets/plugins/jquery-datatable/extra/swf/copy_csv_xls_pdf.swf"

Hi there This is surprising, We have fully tested in Safari, Chrome, Firefox, in Windows 7,8 and also Mac OSX, will you be able to tell me more info about chrome version, and OS version ? Thank you again

Hi. I’m sorry, the problem was in 3rd party chrome extension. Everything is ok now, the question is closed. Thanks a lot!

Great Happy to here that

Fixed : Problem due to chrome extension

Hello Ace, for #1, I was able to find out what the problem is, not sure how to fix it. Basically, when I click the download button, DTTT_collection_background gets applied and that’s what causes the overlay. I read a few problems with this down the same lines, but no solid fix in this particular case, you have any suggestions?

Hi there Will look into it and get back to you

Hi there Adding all the plugin will make your page really really heavy, Im assuming your working from the barebon folder ? if so let me guid you through in which plugin or element you need to add and what goes wrong

First please do always refer the documentation in case of a problem and if that does not work, open up the debugger in chrome or firefox and go to console tab, once your there you might see any error coming up, let me know what they are and what plugin or element you want to add, I’ll be happy to help you out

Hi there Sorry about yes its going be update in the next version

FIx

Using CSS

Open up assets/css/style.css add this code

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn{
    border-left:0
}

Using LESS

assets/less/modules/form_elements.less

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-left: 0;
}

Hi there Yes we can give you a fix, viewport as in a different resolution? what might be the resolution so we can use media queries to change the scrollup class

Hello, i need fox for the standard viewports. when you change the browser size (in your demo as well) and the sidebar fully close, the scrollup remain in the middle of the screen.

Hi there! Its been a while! sure why not, If you can drop an email to support@revox.io I can write back

Hi there Im guessing your talking about the view mode

Here is the documentation for it

http://www.eyecon.ro/bootstrap-datepicker/?utm_source=twitterfeed&utm_medium=twitter

$('#datepicker').datepicker({
format:"dd/mm/yyyy",
startView:1,
viewMode:1,
daysOfWeekDisabled:"3,4",
autoclose:true,
todayHighlight:true
});

Try changing the view mode attribute

thanks

Hi there Sorry about that just fixed it up on the live version http://revox.io/webarch/latest/search_results.html#

PATCH

you can add the following code on to the responsive .css file

or less

@media (max-width: 500px){
  #Parks.grid .mix{
    width: 100%;
    padding-top: 53%;
  }

  .drop_down{
    display: none;
  }
}

@media (max-width: 1000px){
  #Parks.list .meta{
    width: 150px;
  }
} 

@media (max-width: 840px){
  #Parks.list .meta.region,
  #Parks.list .meta.rec{
    display: none;
  }
}

@media (max-width: 540px){
  #Parks.list .meta.area{
    display: none;
  }

  #Parks.list .titles {
  max-width: 37%;
  }
}

and a small change in the style.css css

#Parks ul{
    padding-left: 0px;
}

less

#Parks {
  ul{
    padding-left: 0px;
  }
}