918 comments found

hey.. It’s me Can I add submenu on front end? and how to do that

thank you

ace
ace Author

Hi there

You can use bootstrap button drop downs :)

http://getbootstrap.com/components/#btn-dropdowns

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

Hi Ace, can you please help me on datatables?

I have a json data that look like this: { "hasresults": true, "resultscount": 2, "zip": null, "chart": { "rows": [ { "chart": "A841775", "firstname": "Gennifer", "lastname": "Adamson" }, { "chart": "10-0001", "firstname": "William", "lastname": "Adamson" } ] } } Then a function that get’s that json data: function getcustomer(cparam){ var custname = cparam ; var procurl = "getcustomer.avfp" $.ajax({ url: procurl, type: 'POST', data: { theseachstring: custname, action: "getcustomer" }, error: function() { //alert('Error'); }, success: function(data) { // alert(data); document.getElementById('textareatest').value = data; // How to set to datatable? $('#example3').dataTable( { "ajax": data } ); } }); }

Any idea how can I do this? Basically the table should have 2 row with the column chart, firstname and lastname.

Thank you.

ace
ace Author

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

http://www.datatables.net/examples/data_sources/ajax.html
profuse Purchased

In relation to the chat menu, I have the chat menu load dynamic content as a result of a click on the main page. However, when the time taken to load / render this content is sufficiently high (I’m guessing 300 ms in setTimeout is the threshold), the chat menu renders blank. Sometimes, the menu loads the content then very soon becomes blank. However, this is only the case when the page is in small-window mode. In full screen, everything renders correctly.

Any ideas on what is going on and how to solve this? Is there a difference in code between how the chat menu is rendered in full screen and otherwise?

Thanks.

ace
ace Author

Hi there

That is strange :) there is not delay set so far would you like to share the ajax code with me ?

support@revox.io
Default-user
profuse Purchased

The problem has been fixed. What I was doing incorrectly was rendering the page after the div has been made visible. Thanks!

profuse Purchased

I would like to use Google Street View, in particular in the chat menu on the right. However, nothing is showing up. The standard Google maps view works okay. Have you tested this theme with Street View? Any ideas why nothing is appearing? Thanks.

ace
ace Author

Hi there

Sorry about the late reply, hope you had a great weekend, there is not limitation of adding google street views :) it will work

xuzonne Purchased

Notice some select2 errors in the stylesheet.

“Background-size: none” and “background-position:none” is not a valid css

It’s causing compile errors. Any advice?

.select2-container .select2-choice .select2-arrow b { background-image: none; background-repeat: no-repeat !important; background-size: none !important; } .select2-search input { background-position: none !important; }

ace
ace Author

Hi there

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

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

Hi,

Needed some help with the header & navbar of your template. Essentially I would like to create a look similar to that of Envato Market – with a black coloured header for the logo, a dark grey navbar below and another light grey navbar below it. The only difference is that I would like the header and both navbars fixed on top while scrolling.

Is this possible using the “Horizontal Menu” layout?

Thanks..

Default-user

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

ace
ace Author

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

Default-user

Emailed you the queries. Thanks for your help!

what can this be use for? its it a website? Im new to this so I am trying to dip my hand in as much as I can and as you may know the only stupid question is the one you don’t ask…... so if anyone can help me understand what this could be use for I would greatly appreciate it.

ace
ace Author

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

Hi,

First of all great template!

Is it possible to get a different version? I am not a big fan of the current drop down elements.

Thanks.

Default-user

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!

ace
ace Author

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 ? :)

goastros Purchased

Hey thanks so much. This is really nice. I have implemented your cookie recommendation in order to save the condensed-toggle state. My question is what is the best way to enable the condensed view by default?

thanks

ace
ace Author

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 Ace,

A quick question.

I have 2 widgets in one row on my dashboard page.

Is there any setting that I can use to ensure that all both the widgets have the same height even if amount of content in the two widgets does not match?

Thanks for your help!

ace
ace Author

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>
Default-user

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.

famine Purchased

Awesome template! I’m currently building a Laravel 5 app using this theme.

ace
ace Author

Hi there

Thank you ! :)

Hi Ace, Nice work!!I would like to disable the tablet mode, i.e. go straight from desktop to mobile. Is it possible?

Thank you. Giacomo.

ace
ace Author

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;
  }
}
Default-user

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

ace
ace Author

Sent you an email :)

gordonlhw Purchased

Hi, I purchased both webarch and pages. How do i port the calendar from pages to webarch? Thank you.

Regards,

Gordon

ace
ace Author

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

ace
ace Author

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

Default-user
gordonlhw Purchased

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

hello, i love the template. any change you release the grunt or gulp task? it will be perfect. :)

ace
ace Author

Hi there

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

Default-user

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. :)

ace
ace Author

Alright I will check it :) and Thank you!

Hello, I have a presale question. We’re creating an app which takes info from a database. Is there any way with this wp theme to make it work as we need? Let me explain.

We need to pick a date from a calendar ( for example march, 30, and fill 6 fields with some information ( ID, Name, Treatment, Comments… ). Then, this info filled in the backend has to go directly to the database.

Is the template able to create this kind of process? Of course it goes to the database because of wp.

So, the question is, can the dashboard be an app backoffice working with wordpress information? We know how to take the info of the database, but need something to create the info in the database and we absolutely love your template.

Thanks,

Alex.

ace
ace Author

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.

How to change live-tile direction from bottom-top to top-bottom?

ace
ace Author

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

http://www.drewgreenwell.com/projects/metrojs
10mf Purchased

Hi guys :)

First of all, would to say that’s a really good work with the theme’s design :)

I’m trying to integrate your theme to a Ruby on Rails app, but I’m not using HAML files, .erb instead. No problem with this kind of integration, by the moment.

It’s about the style. I have copied, as I read from here, the assets of the theme into my public/assets dir. All I get is the index.html page loading correctly but when I go to another page, it is missing the style. I’ve tried to place the files inside vendor/assets, and couldn’t manage to work neither. So I think it could be a problem of assets pipeline compilation?

Which is the best way to integrate the styles and pluggins with my app and also with my own styles? I’m a little bit lost about the assets pipeline and how it works when it has to precompile all of that stuff. I’ve checked the gist about Pages, but I can’t undestand the way I’ve to manage for webarch theme.

Thank you so much :) ;)

Default-user
10mf Purchased

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?

Default-user
10mf Purchased

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?

ace
ace Author

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!

Good job! But there is at least one bug: breakpoints.js

var w = $ (window).width (); var ww = window.innerWidth; if (ww> w) w = ww; // equate w to css viewport width (true with scrollbar in chrome)

Maybe the solution is to be more difficult, I did not do a lot of tests…

by
by
by
by
by
by