Hi there

Really sorry about the late reply ! Thank you I will look at it and test your solution too

What I mean with this question is that before integrating your theme I’ve some styles and js events that I want to include to the app, but now, as obvious, they are missing. They are placed in assets/stylesheet and assets/javascript, should I place theme into other dir?

Thank you a lot, Ace Now everything is working great!! And your custom service is amazing! Just another question, are the turbolinks necessary for your theme?

Sorry about the late reply! I’m glad everything is working now. Let me know if you have any more questions, Yes you will have to use turbolinks

Hi there

I’m sorry about the late reply, Apparently you can not do it via CSS they have done it with injecting styles directly to the div rather than adding a class so if you are to customize you need to dig into the JS of the plugin. Here is also the documentation for further reading

Hi there

First this is not WP theme its an admin dashboard UI framework that is built on top of bootstrap. So in return you get core HTML , CSS and JS files to work and integrate to any platform you like. But in the box we support expressJS, sailsJS and also ruby on rails quick start projects to get you started with one single line of command rather than copy each and every file there will be support for meteorJS in v1.2, its already in beta but not released to public yet. So if you have a method of getting data from wp admin you could build a simple app using a language, like node or php or even rails but you will have some development work as to bind the UI with the data but the whole UI / UX is all taken care by Pages Hope this info helps.

Hi there

Thank you! sure we are planing to add grunt and gulp for webarch

awesome!

anyway i found a minor issue with the dashboard page. the body is overflowing when the push menu opened. quick fix added overflow: hidden; to the .open-menu-left and .open-menu-right. hope it helps the other user.

will inform you when i found another issue.

Alright I will check it and Thank you!

Alright, so if you go to getting_started/index.html page

pace : Is required to show the progress bar of the page

bootstrap: Core UI framework

font-awesome : Large font library

jquery-scrollbar : Custom scroll bar

bootstrap-select2 (Optional ) : Only when you need a dropdown

switchery (Optional ) : Only when you need a toggle

pages-icons.css (Optional ) : Only when you need pages icons

You could also ignore

imagesloaded.pkgd.min.js & jquery.actual.min.js

That should clear up most of your request. Others will be images and fonts for font-awesome

Also you must be runing without gzip ? enable gzip on your server and it will reduce down to 400kb

Hi, Alright, thank you. In local, run without gzip. If public, auto compress (use cloudflare service), reduce to 1.1mb, but it is caused by images.

Regards,

Gordon

Hi there

Your planing to remove the entire responsive option for all devices ? like even mobile ? That will require some changes, you can remove all the media queries in responsive.css located in assets/css/ folder and only have the following

/*!
* direction.less v0.1.0
*/
@media only screen and (min-width: 1824px) {
  body {
    height: 100%;
  }
  .page-container {
    height: 100%;
  }
  /** Side bar widget **/
  .footer-widget {
    position: fixed;
  }
  /** Tables **/
  .table th {
    font-size: 14px;
  }
  .table td {
    font-size: 14px;
  }
  .table td.small-cell,
  .table th.small-cell {
    width: 42px;
  }
  /** Controls **/
  .checkbox label:before {
    top: 0.5px;
  }
  /** Tiles **/
  .tiles.margin-reset {
    margin-left: 51px;
  }
  /** Only Demo Purpose **/
  .demo-map {
    min-height: 100%;
  }
  .error-main {
    margin-top: 40%;
  }
  .visible-xlg {
    display: block !important;
  }
  .hidden-xlg {
    display: none !important;
  }
}
@media (min-width: 1600px) {
  .visible-xlg {
    display: block !important;
  }
  .hidden-xlg {
    display: none !important;
  }
}
/*** Desktops & Laptops ***/
@media (min-width: 980px) {
  /*** Page sidebar ***/
  body.bottom-header .page-sidebar {
    margin-top: 0;
    margin-bottom: 58px;
  }
  .menu-non-fixed .page-sidebar {
    margin-top: 0;
    padding-top: 58px;
  }
  .page-sidebar {
    display: inline-block;
    float: left;
    position: fixed;
    width: 250px;
    margin-top: 58px;
    padding-bottom: 105px;
  }
  .menu-non-fixed .footer-widget {
    z-index: 100;
  }
  .page-sidebar .page-sidebar-wrapper {
    display: inline-block;
    float: left;
    height: 100%;
    width: 50px;
  }
  .page-sidebar.fixed {
    position: fixed;
  }
  .page-sidebar ul {
    width: 250px;
  }
  /*** Page content ***/
  .page-content {
    margin-left: 250px;
    min-height: 100%;
  }
  .page-content.no-min-height {
    min-height: auto;
  }
  .full-width-page .page-content {
    margin-left: 0px !important;
  }
  .inner-menu {
    padding-top: 60px;
  }
  /** Const size button for medium devices **/
  .btn-cons-md {
    min-width: 120px;
  }
  .horizontal-menu .header-seperation {
    display: none !important;
  }
}

I’m trying to getting this, I send you a private message.

Sent you an email

Hi there

Thank you !

Hi there

Yes we had the same problem in the row class add the following attribute

data-sync-height="true" 

<div class="row" data-sync-height="true">

</div>

This worked – Thanks so much Ace! I did find though that I also needed to add the CSS style attribute “height: inherit” to the “grid” child of the row to make it work exactly as I wanted to.

Hi there

The best way is to you is it in the backend it self as jquery and jquery takes time to load the library and in a slow connection you will start seeing the transition. Example if your using php you have a small if and append the class to it what is the language you are using ?

Hi there

Something like this ?

Hi, nope. It was in the “pages” template just before the update. Unfortunately I didn’t save the older version and can’t find it anywhere. The dropdowns were the best I’ve seen in a template!

Hi there

Im not sure if I understood you correctly, We did not update any drop down for updates you are talking about Pages animated dropdown ?

Hi there

Well you can use it for a website but the design is most likely for a web app dashboard or entirely web app, that could be used as a shopping cart backend, a server monitoring tool, an email client etc. It can be used in a wide area and decision is all yours and what your going to make out of it. Hope this helps

Yes, please. Should I email you for this? I also had a couple more questions. Can I email you those as well?

Yes you can, the email is support@revox.io

Emailed you the queries. Thanks for your help!

Hi there

Sorry about the late reply, can you try setting them to

background-position: inherit;
background-size: inherit;

Hi there

Sorry about the really late reply, I had a look at your code, the only thing that you need to configure and make sure is the table th count is equal to the JSON keys, You will have a better understanding over here

Hi there

You can use bootstrap button drop downs

It can be applied to a link without a button look and feel, let me know

Hi there

I’m not sure which page you are talking about ? is it the gallery page ?

Im preparing a step by step guide for you will post the link here

You can try the following guide

Let me know

Hi, thanks a lot for the quick reply, I appreciate the effort .. however It’s only loading the css and not the js. Anything with js is not displayed .. charts, maps etc.. Do you have any hints to why? thanks again

Hi there

Thank you very much! But first my apologies I was on small holiday for 2 days. Currently its a demo content just to show case.

so You can impletement you very own js for this we have a demo version in assets/js/chat.js

Basically the trigger is done using

$('.user-details-wrapper').click(function(){
//Your custom code here

$('#messages-wrapper').addClass('animated');
$('#messages-wrapper').show();            
$('#chat-users').removeClass('animated');
$('#chat-users').hide();
$('.chat-input-wrapper').show();    
});

Hope you got it

Hi there

You mean the input field with “browse” button yes will add it to the next update