Discussion on Pages - Admin Dashboard Template

Discussion on Pages - Admin Dashboard Template

By
Cart 11,420 sales
Well Documented

ace supports this item

Supported

This author's response time can be up to 1 business day.

3890 comments found.

Any updates on 1.2.0 ? Would it be possible to invite ANCADO on GitHub repo? Thanks

Hi Ace,

I am trying to implement the DataTables export option but I am having trouble. My table renders fine, but the exporting features are not working. Here is a screenshot of my table header: http://imgur.com/9Qz6Lip

Also, here is my code to initialize the table:
// Initialize datatable showing a search box at the top right corner
var initTableWithSearch = function() {
    var table = $('#historyDataTable');

    var settings = {
        "sDom": "<'exportOptions'T><'table-responsive't><'row'<p i="">>",
        "sPaginationType": "bootstrap",
        "destroy": true,
        "scrollCollapse": true,
        "order": [[ 2, "desc" ]],
        "bPaginate": false,
        "oLanguage": {
            "sInfo": "" 
        },
        "oTableTools": {
            "sSwfPath": "assets/plugins/jquery-datatable/extensions/TableTools/swf/copy_csv_xls_pdf.swf",
            "aButtons": [{
                "sExtends": "csv",
                "sButtonText": "<i class="pg-grid" />",
            }, {
                "sExtends": "xls",
                "sButtonText": "<i class="fa fa-file-excel-o" />",
            }, {
                "sExtends": "pdf",
                "sButtonText": "<i class="fa fa-file-pdf-o" />",
            }, {
                "sExtends": "copy",
                "sButtonText": "<i class="fa fa-copy" />",
            }]
        },
        fnDrawCallback: function(oSettings) {
            $('.export-options-container').append($('.exportOptions'));

            $('#ToolTables_tableWithExportOptions_0').tooltip({
                title: 'Export as CSV',
                container: 'body'
            });

            $('#ToolTables_tableWithExportOptions_1').tooltip({
                title: 'Export as Excel',
                container: 'body'
            });

            $('#ToolTables_tableWithExportOptions_2').tooltip({
                title: 'Export as PDF',
                container: 'body'
            });

            $('#ToolTables_tableWithExportOptions_3').tooltip({
                title: 'Copy data',
                container: 'body'
            });
        }
    };

    table.dataTable(settings);

    // search box for table
    $('#searchHistoryTable').keyup(function() {
        table.fnFilter($(this).val());
    });
}

initTableWithSearch();
</p>
The tooltips for the export buttons are not showing either. So I am assuming something is missing in my code. Do you know what the issue may be?

p.s. The closing paragraph tag after initTableWithSearch(); is not actually in my code. This seems to be a bug in the Themeforest comment section.

I spotted some issues: You have put double quotes inside string literals without escaping them. You can either escape them with a ”\” or replace ” with ’ (single quote) ex:
 "sDom": "<'exportOptions'T><'table-responsive't><'row'<p i="">>",
...
 "sButtonText": "<i class="pg-grid" />",
</p>

I have created a Gist for you. Please find instructions inline

https://gist.github.com/praveenaj/3ee21bf45ff5011d2316

Can you also give me access to Github? Username is HekkeySE. Thanks!

Hi there

Sent you an invite :)

Thanks! Will give it a try and let you know.

Cheers,

Sure :)

Hi, my favorite admin theme ever! (my previous favorite was WebArch).

But one thing I noticed converting from WebArch to Pages is that the chat box is much much larger and takes up a lot more space. Would it be possible to make an example chat which was similar to WebArch (at least in terms of layout and size). See my photo.

Thanks!

You can try something like this

                <div class="p-t-20 p-b-15 b-b b-grey">
                    <div class="post overlap-left-10">
                        <div class="row">
                          <div class="col-sm-2">
                            <div class="thumbnail-wrapper d48 circular inline m-t-5 ">
                                            <img src="assets/img/profiles/avatar.jpg" alt="" data-src="assets/img/profiles/avatar.jpg" data-src-retina="assets/img/profiles/avatar_small2x.jpg" width="32" height="32" />
                                        </div>
                            </div>
                            <div class="text-black col-sm-10">
                                <p>Jane Smith Commented on webarch new year bundle “Would you
                                like to display collections on your...”</p>

                                <p class="hint-text fs-12">2 mins ago</p>
                            </div>
                        </div>
                        <div class="clearfix" />
                    </div>
                </div>

I’m not sure how this code should be embedded. Because when I tried the example you gave I got something that looks like this:

vs my possible misuse of the content boxes:

Hi there

Really sorry about the late reply :)

Are you putting the tabs in the same column ? or if you can send me a code fragment I could give you an idea whats going on

Hello Ace,

What about Pages integrated with PHP/Symfony, it might be helpful for beginners.

I’ve made a very simple Bundle for use in my own application that makes Pages as the base UI for templating.

If you guys wanna take a look and tweak it to include as a kind of “boilerplate” for PHP, i will be happy to help.

(sorry for my english)

Best regards

Hi there

Yes that would be awesome! :) really appreciate it, if you do have a boilerplate plate for Symfony you could always mail it to support@revox.io. We will not forget to give you credits :)

hey could you invite me to the github repo (angular too)? i’m trying currently to work with pages + angular + lumen but i have some problems. id: tmdev_de

thank you!

Hi, that ID doesn’t return any user. Are you sure it’s correct?

whoops i’m sry: tmdevde

https://github.com/tmdevde

Invitation sent

That’s awesome framework, love it when I see it. Can you invite me to the Github repository(angular too.). My ID: Jackzh8. Thanks.

Yes :)

https://github.com/revoxltd/pages/tree/v1.2.0

Its in the branch, you will note that the folder structure is much advance not like the distributed package :) we need to maintain a build system that is why.

Once you build your files, you will get the correct structure :)

noted, thanks Ace!

Give us a teaser about v1.2.0 while we wait ;)

Hi there

Its going to be really big, pages will not only be in admin dashboard framework but a frontend and lite-mobile framework :) so we renamed the version to v2.0. Maybe we should prepare a teaser banner ;) I will do that.

That would be great !!

Can you invite me to the GitHub repository? (Angular too please) My username is: ThorusWTF

Hi there

Sent you an invite :)

hey, some news about 1.2.0 out date ? thanks for the great work !

Hi there

Thank you :) sorry about the late reply, busy with the update. We working hard to get it out this week. This is going to be very very big one. you will love it!

Hi,

Thanks a LOT for reporting. We’ll take immediate action to take it off. Appreciate your support.

How to set soical.jumbotron.cover-photo responsive? I want to show the full width of the image on mobile phone

Thanks!

Hi,

You’ll have to set the following:
 background-repeat: no-repeat;
 background-size: contain;

Currently it’s background-size is set to ‘cover’ which automatically stretches the image to fill the div.

Hi Ace,

I downloaded the v1.2.0 branch from Github this morning. I took a look at the updates you made to the Calendar and I do not see anything new. The new features I am referring to are mentioned here: http://themeforest.net/item/pages-responsive-admin-dashboard-template/9694847/comments?filter=all&site=themeforest.net&term=brownstoneacademy&utf8=%E2%9C%93#comment_9498941

Are these updates not available through GitHub yet?

Hi there

There were 2 major bugs in languages that were fixed, currently we are working on the big frontend, I will make it a high priority to add those two features today :)

Hi Ace,

How the theme works with Meteor? Is it a package or a folder? Is it easy to integrate?

Thank you very much.

Hi there

It’s a meteor local package. There is a beta version in the github repo, if you have got access you can see. If not email me your github ID to support@revox.io

We are also going to add all the demo pages too later on.

Can I please get access to the github repo.

My github username is Oureastudios

Kind regards, Tameem

Hi there Sure :)

Sent you an invite

https://github.com/revoxltd/pages/tree/v1.2.0

Can you please add me to the github repo? Username is tangrufus

Thanks!

Sent you the invite :)

Or v1.2 is in a different branch

https://github.com/revoxltd/pages/tree/v1.2.0

How can i enlarge all font sizes easily?

I want to enlarge all text about 120%.

Thanks!

Hi there

Well there is a few fonts you need to adjust the body, Paragraphs and Headings.

Body is all set to 14px and so is paragraphs, you can find them all in the typography.less :)

is the calendar.js that’s in the GitHub downloadable ZIP the latest or do you have to send us that separately as you did SimoParis above?

great thanks, is the front end there too? If not, is there a sample anywhere available?

Everything is in github except the frontend :) its going to be the surprise we do not want to ruin in it.

gotcha . . . can’t wait!

Can you tell me in which LESS File i find the helper classes ? ( margin / padding etc. )

Hi there

Its in modules/misc.less

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey