Hi,

Thanks and we’re glad you like it. Front-end will be available in a future update.

We’ll be posting the 1.1.0 update on Themeforest. You can track the progress from the github. I have sent you the invite to join the repo.

I haven’t received the github invite yet, but hopefully you can help with this:

on the social demo page, the label overlays on the upper right for each social card has an issue with displaying text that is longer than a few words. can you see what can be done to fix that?

Github shows your invitation as “sent”. I have just re-sent it. Let me know if you get it

We have used Bootstrap Tooltips for those overlays. By default the dimensions of the tooltip expand to fit the content. But you can set it explicitly: ex:

.tooltip-inner {
    min-width: 150px; //the minimum width
}

weird, the width doesnt adjust accordingly and breaks the layout when pull-right is being applied. works fine otherwise even without the min-width.

Can you please share a screenshot?

Hi, Any solutions ?

Hi there

Sorry about the late reply, Im a bit confused about the first point.

Open close arrow is the one on the logo ?

2)

$('#myElementID').on('click',function(){
//Do something
})

3) Yes you can

http://getbootstrap.com/javascript/#tooltips

<a href="#" data-toggle="tooltip" data-placement="right" data-html="true" title="1st line of text <br> 2nd line of text">Hover over me</a>

You can enable html content

Hi,

Thanks for the reply. Here are clarifications:

For Point#1: 1. “When the content is loading via ajax for the header click down menu like first nav of header menu with content “Carrot Design David Nester …” , the open and close arrow do not work”

=> I mean the first nav menu to left side of “Type Anywhere to Search”. When you click that, a drop down menu appears with text “Carrot design…”, “98% Server Load…” etc. There is an arrow to the left of “few sec ago” that is used to open and close the details. The arrow open close functionality does not work when the arrow with content is loaded via ajax.

For Point#2: The onclick event is not getting fired. It opens the conversation view but doesn’t trigger the onclick event. You can try yourself.

I have tried like this:
$('.chat-user-list').on('click', function(e){
       alert('hello');
 });

Thanks

1) Currently the click event for the dropdown button is directly bound. You’ll have to use jQuery’s event delegation for dynamic content. Please edit line #159 in your pages/js/pages.js as below:

$('body').on('click', '.toggle-more-details', function(event) {

2) You’re correct. The view navigation code overrides the click event. Please remove all the data-attributes from the anchor tags surrounding chat list items and write code to toggle the class of the #chat element which will perform the transition.

HTML:

<div data-init-list-view="ioslist" class="list-view boreded no-top-border">
    <div class="list-view-group-container">
        <div class="list-view-group-header text-uppercase">
            a</div>
        <ul>
            <!-- BEGIN Chat User List Item  !-->
            <li class="chat-user-list clearfix">
                <a href="#">
                    <span class="col-xs-height col-middle">
                        <span class="thumbnail-wrapper d32 circular bg-success">
                            <img width="34" height="34" alt="" data-src-retina="assets/img/profiles/1x.jpg" data-src="assets/img/profiles/1.jpg" src="assets/img/profiles/1x.jpg" class="col-top" />
                        </span>
                    </span>
                    <p class="p-l-10 col-xs-height col-middle col-xs-12">
                        <span class="text-master">ava flores</span>
                        <span class="block text-master hint-text fs-12">Hello there</span>
                    </p>
                </a>
            </li>
            <!-- END Chat User List Item  !-->
        </ul>
    </div>
    ...
    ...
</div>

JS:

$('body').on('click', '.chat-user-list > a', function(){
  $('#chat').toggleClass('push-parrallax');
});

Hi,

Thanks again. There is one problem using pages.js. Right now the html templates of the theme use the pages.min.js. If I use pages.js instead, the problem mentioned in Point#1 occurs for static content too. The open close arrow never works in that case.

Cheers,

If you’re making modifications to pages.js you can minify it and replace pages.min.js.

If you’re using the pages.js and pages.min.js that come with Pages the open/close arrow should work without any issue for static content. If it doesn’t, we might have to check if there are any errors thrown. Do you get any error in the console?

I have just tried again. If I replace pages.min.js with pages.js, the open close arrow is not working in the header menu as mentioned in point#1 but it always works for side bar menu.

Moreover, I changed pages.js and minified and pasted the minified code in pages.js. it doesn’t work either.

I think pages.js file has some issues. Can you check by yourself?

Thanks

Also there is no error in the console while the arrow is not working

Hi Jing, Would you mind sharing your code with us? You can email us at support@revox.io

Thanks

I am just using one of the fresh template files. Just renaming pages.min.js to pages.js. no extra code. here is a video http://screencast.com/t/PAnRF2Hq

Did you get the issue what I meant ?

Thanks

Hi there

Sorry about the late reply, I tried a couple of times again on Mac and windows but it works even if I use pages.js can you re download pages from themeforest ? and update your pages.js ? or if you have github access to pages repo you can do it from there

Hi,

Thanks for the reply. I downloaded the theme again and it works now with page.js but the issue for Point#1 still exists even after replacing with this code.

$(‘body’).on(‘click’, ’.toggle-more-details’, function(event) {

Regards

Hi there

We have something awesome for v1.1.0 a rails boilerplate generator for pages just one line command is all you need

This is the v1.1.0 updated doc

http://pages.revox.io/doc/1.1.0/jquery/rails.php

and it will not be applicable for v1.0 and if you have access to github you can download the current stable version

Awesome! Thanks.