Hi Ace, can you help me adding breadcrumbs and footer section? When I add these sections It looks bad

Hi,

Are you referring to breadcrumbs found in other pages like color.html, and you want to keep them in email.html? If so you can add the following into .content div and next to email-wrapper div.

Note: please remove space between <u l=""> below. Themeforest doesnt render code blocks with ul

 
<u l="" class="breadcrumb">  
<li>
<a href="#">Apps</a>
</li>
<li><a href="#" class="active">Email</a>
</li>
 u l> 
</u>

http://screencloud.net/v/j7wN

<div class="container-fluid container-fixed-lg footer">
<div class="copyright sm-text-center">
<p class="small no-margin pull-left sm-pull-reset">
<span class="hint-text">Copyright © 2014 </span>
<span class="font-montserrat">REVOX</span>.
<span class="hint-text">All rights reserved. </span>
<span class="sm-block"><a href="#" class="m-l-10 m-r-10">Terms of use</a> | <a href="#" class="m-l-10">Privacy Policy</a></span>
</p>
<p class="small no-margin pull-right sm-pull-reset">
<a href="#">Hand-crafted</a> <span class="hint-text">& Made with Love ®</span>
</p>
<div class="clearfix" />
</div>
</div>

http://screencloud.net/v/lK3b

Thanks Ace!!!! How can I make the message list always visible? http://prntscr.com/9a9abc

Hey Ace, just started using the theme in my Rails application. Perfect boilerplate code and ease of getting started – (just as a suggestion, please do add somewhere in the docs/readme that if using Git, we can create `bundle` using `grunt bundle`).

Anyways, this is kinda important for me, since I dont want the users to download bulky assets – is it possible to get a list of CDN urls for all 3rd party assets somewhere? I would like to leverage CDNs as much as possible for these included plugins.

Hi,

We don’t have a list currently but we will create one for you. I can’t guarantee that all plugins will be available on CDNs but majority will be.

I have made a collection on jsDilvr with some of the plugins we have used that are found on CDN.

JS: <script src=”https://cdn.jsdelivr.net/g/pace@1.0.2,modernizr@2.8.3,jquery.ui@1.11.4,bootstrap@3.3.6,jquery.easing@1.3(jquery.easing.1.3.min.js),jquery.unveiljs@1.3.0,jquery.bez@1.0.11,jquery.ioslist@2.0.6,jquery.actual@1.0.17,jquery.scrollbar@0.2.9,classie@1.0.1,jquery.switchery@0.8.1”></script>

CSS: <link rel=”stylesheet” href=”https://cdn.jsdelivr.net/g/pace@1.0.2(themes/black/pace-theme-minimal.css+themes/blue/pace-theme-minimal.css),jquery.ui@1.11.4(jquery-ui.min.css),bootstrap@3.3.6(css/bootstrap.min.css),jquery.ioslist@2.0.6(jquery.ioslist.css),jquery.scrollbar@0.2.9(jquery.scrollbar.css),jquery.switchery@0.8.1(switchery.min.css),fontawesome@4.5.0(css/font-awesome.min.css+css/font-awesome.css)”>

Let us know if this helps

Hi there

You add the following classes

            onfocus: function(e) {
                $('body').addClass('overlay-disabled');
            },
            onblur: function(e) {
                $('body').removeClass('overlay-disabled');
            }

Hi there

We have fixed this issue Releasing the update by Sunday then you can purchase it, It’s a big update

Thank you Ace, what about to put a number inside a circle for notifications? http://prntscr.com/96v9zi

Hi there

You can over-write the header .bubble class like this

Make sure you add it after the pages.css include

To post things like this as future customers can easily search it up even on google. Still in beta stage.

Thanks Ace. Could you see my other question? http://themeforest.net/item/pages-admin-dashboard-template-web-app/9694847/comments?page=77&filter=all#comment_11655901

Hi there

Thank you for purchasing! We can help in terms of UI related as it’s our strong side rather than development work, Hope you understand

I completely understand, thanks for replying so promptly.

Oh well that happens glad it works. You can check the changelog here

For your information, in the builder page, on the colors tab, when you select an option it breaks the layout. The sidebar somehow goes to the right side. This is happening in your demo also.

It’s loading the RTL version, will change it! Thank you for report.

Hi there

First delete the folder called “node_modules” cd to your root folder that you downloaded the repositary.

and type in “npm install” this will download all the missing dependencies

Hi there

Just checking up, are you still having the same issue as before ?

Hi Ace, I want to put in the list, something like Gmail or any email client. I need to put breadcrumbs and footer in this page. Is there a way to put a paginator or previous/next buttons in the message list?

I see its possible I will do a sample and send you

Thanks ace!!!

Hi there

Yes

Thanks. Is the monthly calendar done? It does not seem to function the same way the weekly does. When you click an event, a panel does not appear with the details.

Hi there

Yes it is We need to add the side panel, it’s not a part of pages.calendar.js. Quick question what the issue that you have on the weekly view ? Incase we did not spot it

Change log

or Visit

Hi there

We missed your comment, Sorry about that In the message preview ?

Hi there

You can simply place it in demo/html/ folder

Hi there

Sorry I did not understand what you meant by mock up PSD design files ?

Will you give me an example or code structure to use the ” Notification ” option.

Example: (Please take this as an example, I need like this structure)

<div class="panel panel-default" data-pages="portlet">
    <div class="panel-heading ">
        <div class="panel-title">Portlet Title
        </div>
        <div class="panel-controls">
            <ul>
                <li><a href="#" class="portlet-close" data-toggle="close"><i class="portlet-icon portlet-icon-close" /></a>
                </li>
            </ul>
        </div>
    </div>
    <div class="panel-body">
        ...
    </div>
</div> 

<script>
$(function() {
    $('#myPortlet').portlet(options)
})
</script>

Hi,

Let us know if it’s not clear

Please share a demo link to your angular app. We will be able to help.

The noUISlider version that comes with current Pages bundle doesn’t support tooltips as an option, however there’s a workaround (you will find a demo in the HTML version of sliders). We also couldn’t find an angular directive for the latest noUiSlider version.

So you will have to create a custom directive to apply the jQuery plugin:

 <div class="bg-master m-b-10" id="slider-tooltips" nouislider="" />

angular.module('app')
    .directive('nouislider', function() {
        return {
            restrict: 'A',
            link: function(scope, element, attrs) {
                $(element).noUiSlider({
                    start: 40,
                    connect: "lower",
                    range: {
                        'min': 0,
                        'max': 100
                    }
                });

                $(element).Link('lower').to('-inline-<div class="tooltip fade top in" style="top: -33px;left: -14px;opacity: 0.7;" />', function(value) {
                    $(this).html(
                        '<div class="tooltip-inner">' +
                        '<span>' + value + '</span>' +
                        '</div>'
                    );
                });
            }
        }
    })

Thanks so much! This worked as expected.

Hi there

Sent you an invite

Hi there

We have already sent you an invite

Hi, could you send again to github user ‘jordanwallwork’ please as we didn’t receive an invite?

It says invitation already sent

Hi,

You can use the onOpenDialog callback function found in DialogFx plugin to trigger an event when dialog is opened and get data from the item clicked. ex:

$('body').on('click', '.gallery-item', function() {
        var message = $(this).data('message');
        var dlg = new DialogFx($('#itemDetails').get(0));
        dlg.options.onOpenDialog = function(){
            $('#myPlaceholder').text(foo)
        }
        dlg.toggle();
    });

<div class="gallery-item " data-width="1" data-height="1" data-message="Hello">
...
</div>
<div class="gallery-item " data-width="1" data-height="1" data-message="Bye">
...
</div>

Thanks very much for the support

I guess I was not clear when I said I would like to show content from the selected gallery item.

In fact, I wanted the dialog box to have completely different content. In the example page, it always show the same “product”, such as the cat photo, the price tag of 20.00, product description and so on. I wanted to manipulate every single component in there so that it can display information from the database.

Hi guys

Just wanted to confirm that the approach you suggest would work for the purpose I described in the latest reply.

The content in the dialog box has around 5 dinamic components to be populated from the database. Should I create data-message for each item I want to have dinamic data?

Thanks again!