Hi there

Think I did not get it properly, are you talking about desktop view or mobile view ?

We have a small horizontal one we will further implement in the next version

Hi there

Do have a look

Thanks for your reply and help ! And how can i change the html values ?

For example: I have a pricing table with 4 tables. And on the top i have the slide toggle.

Now i want to change the prices of all 4 table values if the slide is clicked.

If you slide the little toggle to “ssd” the values of the tables changes.

also is all that padding necessary? in the next version could you clip it down so it takes up more of the width? thanks

Hi there

That is normal when you have the following meta tag

<meta name="apple-mobile-web-app-capable" content="yes">

For it to work like an app you need to make sure it loads the content via AJAX otherwise removing the meta tag will make it load on browser view with the URL bar but will not switch apps

Hope you got it

Thanks ACE! do we need it just in the header of the main page’s HTML or also in every segment / part that we load via. ajax?

Yes header in the main html would do

BTW, just reviewed the DEMO folder and it has the meta tag in all the pages of that folder . . . but still loading to browser . . . any thoughts. Happens on your demo page online as well

In the demo we load pages separately not via AJAX , what I mention before was, having the meta tag in one page and loading the content.This will only refresh part of the page

is there a way to load the entire page? such as clicking on the navigation and having the site stay in app mode? If so, any guidance? also, will you all be working this into your update?

Hi there

Modals are made using Bootstrap modals

you have all the options listed properly in there documentation

also modals div tags

<div class="modal fade">
...
</div>

should be placed above the .page-container div let me know if that works

No, actually what I needed was the javascript used to set the options for the modal so that users could not close it without using a method I establish. So after further research, I found that you can modify the settings for the modal by using data- attributes. So in order to prevent users from closing a modal by clicking outside of the modal, I used data-backdrop=”false” and data-keyboard=”false” when defining the div. Thanks anyway, but my brain fried a little…

Hi there

We did not include in the first release but in v1.1 we will include the PSD files that is the update release

Hi there

Are you using the pined-menu layout ?

Yes i am using the pinned menu layout. If i hide the menu then it displays the text ok. Is there any way around that?

Its a unknown bug and there is a quick fix for that, if you can open css or less

you will find the class

.pgn-circle .alert > div > div.pgn-message > div {

}

Remove the following attributes

-webkit-transform: translateZ(0);

-webkit-backface-visibility: hidden;

-moz-backface-visibility: hidden;

backface-visibility: hidden;

in less you will find in notification.less file

You’ve done it right: calling $(‘[data-pages=”sidebar”]’).sidebar() for dynamically loaded sidebar. Do you get any console errors? It would be great if you can mail us a demo link to support@revox.io so we can test it from our end.

We have tried running the pages template, as well as pages demo site on iPad Safari/Chrome. It is not as responsive as Android Chrome.

For example, we sometimes have to double tap on an item on nav sidebar in order to get a response, as well as other elements on the page, such as table with expandable details and closing the portlets

Can you let us know if you have experienced the same thing?

Hi there

You are talking about the side nav bar, to open up the sub menu where it slides down ?

Hi there

You are talking about the side nav bar, to open up the sub menu where it slides down ?

No, it’s a general thing that happens for various elements of the template, not only pertaining to the side nav. Generally, it’s extremely smooth for androids (old or new), but it seems to always have a lag in performance for any iOS products including the new ipad airs.

Hi there

Its quite surprising because we have tested out on ipad 3 and 4 runs pretty smooth, Want to help you out on this, is there anyway I could see it ? Usually a touch event is delayed by iOS by 300ms to prevent triggering elements around it, at different points we have disabled it and increased the Frame per second by hardware acceleration (You can see a big difference in the chat toggle to open up the right hand side panel ). Are you talking about the time gap between the touching a link and for it to really get triggered ?

Let me know

Hi ACE, we have a demo link with our dynamically loaded side bar, and we have emailed it to your support email. Please take a look and let us know. There was no console error when the page was loaded. That’s why we couldn’t understand what went wrong.

As for the iPad performance issue, we are talking about the site is not responding to our initial input to the touch screen. For example, when index.html first loaded, clicking a link on the sidebar would not do anything until we click on the same link again. It doesn’t just happen for links, it also happens when we want to close a portlet or expand a detailed table. A first click would not do anything. Only the subsequent clicks would generate a response. we will try and film a video and send it to your support email.

Hi there Sure do let me know if you can get a video and I will also try to re create this on iPad air

Hi ACE,

We have just send you email with a link to the video. Please take a look at the performance issue with iOS.

Have you get a chance to look at the dynamically loaded sidebar from our demo link? Do you have any idea what might’ve gone wrong?

Thanks

Hi there

For some reason your two emails were marked as spam by google, so I got it on the spam folder, I’m really sorry about this. You had send one before two days ago. Checking it now

For dynamic content loading you need to have this code in your JS, maybe in the same page. You can add this code once your content is loaded also is there an AJAX ?

    // Start initializing Pages core plugins
    $('[data-pages="sidebar"]').sidebar(); // initialize sidebar
    $('[data-pages-progress="circle"]').circularProgress(); // initialize circular progress
    $('[data-pages="parallax"]').parallax(); // initialize parallax
    $('[data-pages="portlet"]').portlet(); // initialize portlet
    $('[data-pages="quickview"]').quickview(); // initialize quickview

Thank you very much for taking your time to video the whole thing, I do understand it now, seems like the z-index is causing a lag will give a quick fix on that

Hi ACE,

We did what you suggested for dynamic content loading sidebar, but it still not working properly.

On our index.html: div class=”page-sidebar” data-pages=”sidebar”

and we load main.js at the very end of the

In our main.js: $(document).ready(function(){$(‘[data-pages=”sidebar”]’).load(‘templates/sidebar.html’, function(){ $(‘[data-pages=”sidebar”]’).sidebar(), $(‘[data-pages-progress=”circle”]’).circularProgress(), $(‘[data-pages=”parallax”]’).parallax(), $(‘[data-pages=”portlet”]’).portlet(), $(‘[data-pages=”quickview”]’).quickview()})

Basically we initialize sidebar once dynamically content is loaded.

The dynamic loaded content is still not working as shown in our demo link. No error message in the console as well. Can you let us know if anything is amiss? or perhaps do you have a working example that we could refer to? Thanks.