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.

Hi,

May i know is this support BOXED LAYOUT, INNSER BOXED LAYOUT, EXTENDED LAYOUT, HORIZONTAL MENU, HORIZONTAL MENU & BOXED?
Thank you.

Regards,

Gordon

Oic.. Thanks.

Suggest:

Allows user to change background and sidebar color, hover background color with color picker. So that user can choose his preferred color, more flexible and user friendly.

Hi there

You always can use the LESS file variables :) just changing one variable you can generate a whole new theme but I would love to integrate it to the builder so you can see it working live :D :)

Hi, Oic.. But i am not familiar with LESS and SASS. Ic.. Can’t wait to see the new working version… :) Oh ya, possible to make full width (sidebar at top) ? Thank you.

Regards,

Gordon

Great theme(probably the best on market for bootstrap), keep on working on extras! Please send me invitation to github my nick – kaszub4u

Hi there

Thank you! very much :) sent you an invite

I havent yet received invitation. Please check it out.

Oh, that’s strange. I could see your pending invite. Anyway I cancelled it and re-sent. Please check now.

Quick question on the form validation.

So here’s a basic overview of what we’re doing…

1) do client side validation with jquery validate library you have built in (works good) 2) we then do an ajax post to a php page where we do server side validation and its working, then send back the data to jquery using json – all is working

The Issue: As the server side validation is what we really need to rely on (cant rely solely on client side validation) there are instances where we send the data back to the script (so from php land to jquery) for a form submission and what we want to be able to do is…

1. highlight a specific form element (ie. input box) in red – so basically how it shows on client side validation when it doesn’t fit the validation

2. also we want to be able to modify and show the actual error label at that time

Im not sure how to do this programmatically (ie. make a specific input box be shown in red and then be able to show an error message below it) and any examples would be appreciated.

Please let me know if you need more information

Thanks again

One way I can think of is to return the submitted form data back to the form fields in the front end from the server and run $(’#formID’).validate()

found a resolve…

var validator = $(”#formnamehere”).validate(); validator.showErrors({ “fieldname” : “error message here });

Place above in area where php validation shows any errors

Might help someone in the future if you are doing both client side and server side validation with ajax which I hope would be most people.

Helpful resources… http://stackoverflow.com/questions/519044/jquery-validator-programmatically-show-errors http://stackoverflow.com/questions/3840673/manual-jquery-validation-call-after-ajax-call-not-working

Thanks for your quick respons on this

Hi Ace,

I have long names in the navigation menu and see the names cut with 3 dots. I tried to edit the pages.css changing the .page-sidebar .sidebar-menu .menu-items > li > a > .title { width: 65%; } to something like 80% but breaks the menu on iphone/ipad.

Is there a better way to fix that ?

Thank you !

You can remove the width property of .page-sidebar .sidebar-menu .menu-items > li > a > .title to inherit the full width of the parent element

Thank you. Works like a charm !

Translated version of the app calendar all events are moved forward by one day

Quoting DMPicture post 2 months ago
DMPicture PURCHASED 2 months ago Flag Hi Ace, in the translated version of the app calendar all events are moved forward by one day. Both those already present and those that are created.

Thanks!

I just tried it with any other language and it moves forward events on calendar by one day. Im using now v 1.1.0

Any news on this ? Thanks!

I updated whole files with v 1.1.0 update

Hi there

Really sorry about the late reply, I tried changing the language it seems to be working fine, what is the language your trying to use? :)

Just checking up :) could you let me know the language ? so I could test it out, maybe its the start of the week is wrong. Let me know

Is this theme will work with Meteor? If so, please tell me the current status and when you plan to release the new update working with Meteor :) Thank you.

If you want, you can remove me and wait for me to buy it, ok?

I’m really sorry about this confusion :) yes that would be as its a very strict rule. Hope you understand

Of course that I understand that. Don’t worry about that. I will buy this, so trust me. I checked your progress since you published it on TF and I love all that you done, but, when I see that you were working with Meteor I said “Now is the time to buy it” :) thank you for everything and I’m sorry if I caused any trouble.

Hi, nice design, can you please add me to the Github repo. My Github username is: nam-co

thanks

Thanks :) Invitation sent

Hi, have you any plans to release the .haml files so we can use with rails?

Thanks

Hi there

We already have haml files :) here

https://github.com/revoxltd/pages/tree/master

What is your github ID ? I will add you in

Great template! Is the Angular version in github? If so, please invite me. My username is dinnerjacket :) Thanks!

Hi there

Sent you an invite :) btw its still in beta

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

We will be done with angular very soon

Notice : Meteor Support for Pages

Meteor is now supported by pages, a Beta version is available in the github repository.

How to

1) Create a folder called

packages

in your meteor project folder

2) Copy

Pages
folder from
getting_started

3) Download or copy

package.js

from the pages repository on github

4) Run

meteor add revox:pages

Hi, i’ve purchased this beautyfull template! It’s works great! My purpose is to create a mobile webapp, but i’m also interested in an hybird application ( Android / iOs ). I’ve tested your demo files on a PhoneGap application. It’ works, but some actions are slower than the one in the browser. ( same phone ) I’m surprised about it because all the files are embedded in the app! The slowest action is the open / close of the main menu. It takes about 4 / 5 seconds on the more coplex pages ( Dashboard, Social … ). On an empty page is about 1 seconds. Do you have any suggests to improve the performance? Any tips about this kind of use? ( hybrid app ) Thanks!

P.S. My phone is an Android 4.4.4, Motorola Moto G

Hi there

Thank you :) The core components to run pages is

1) Jquery 2) Bootstrap 3) Mordnerizer 4) Jquery Scrollbar 5) Pace JS (Optional)

Do not include all the plugins that are included in the Dashboard, its really heavy because of the charts. Charts are not very mobile friendly and takes some time to render to the DOM. If you the above 5 plugins loaded you could speed up.

My suggestion is to look into getting_started/index.html folder :) its very optimised there

Since you are into hybrid apps , we have already prepared this

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

Also do let me know about your include list so I could help you out to remove unwanted plugins :)

Ok Ace thanks! I’m not an expert of Bootstrap / NodeJs / Gradle ecc.. but your documentation can help a lot to give me the right direction. One more question. I’ve tested “pages” with Samsung galaxy s3 mini and i noticed that the left menu that scroll horizontally, doesn’t work. The main header overlap with it. So i’ve performed the same test with your “Webarch” template. This work fine! With, hybrid app in mind, which template is the best choice? Which have better performance? Thanks! your work is very impressive! :-)

Hi there

I would say Pages :) for an hybrid app as we have tunned it well. But even Webarch would work quite similar if you use the v2.7. I will have a look at this bug, Thank you for reporting

Hi Ace,

What’s the best way to embed a youtube video into the Dashboard ? Is there any class to improve the default youtube options ?

Thank you !

For now I’m using CSS. I’ll try it later.

Thank you for your awesome support !

It worked. Thank you !

Great! :)

Hi what would be the issues if I don’t have node.js on my localhost?

Hi there

There is no need for nodejs unless your planing to use boilerplates generator or less compiler are you going to be using any of them ? :) if not its pure HTML / CSS

Ok thanks,

Also on my run on the demo folder I’ve encountered “Data file missing or invalid” did I miss something?

Hi there

No its just the JSON file that comes from revox.io server to the dashboard map widget :) you really do not need it, its just dummy data.

we have targeting the scripting of classes to fields in a dataTable setup. The default 10 that come into view right away are properly modified and associations handlers attached, however the one hidden from default view (after the first visible 10) are not. Basically when we click to the next set using the basic scroll on the bottom of the dataTable the class effects are not applied / activated as they were on the first. Any thoughts / suggestions?

Exactly, you have recall your function every time, since its not in the DOM. You have to use ‘fnDrawCallback’ callback method

here is how to use it :)

http://legacy.datatables.net/usage/callbacks#fnDrawCallback

thank you . . . or it seems also that if I apply all the class mods before transforming the table, that works as well

Oh alright :) if that works then thats a better way to do it.

hi ace, can you add me up on github https://github.com/reinfiguracion

Invitation sent

Hi

Confirmed Purchase, I would like to be added on the github repo

Username: sam3739

Invitation sent

Purchased!!! Please add to github repository to get latest version. Username: uniandy

Thank you!!!

Invitation sent

Ace, not received your invitation in my github account, can you resend?

It does say invitation sent, I resent it again, can you check :)

Hi, Ace,

Is the v1.2 out? Where is it?

Andy

No. it’s not out yet. The latest version is v1.1.1. We’re currently working on the v1.2

Hi how do I get the gallery to fit the default bootstrap .container width?

Also please add me to github repo username: krsjoseph

First you have to replace ‘container-fluid’ with ‘container’ in the wrapper div of gallery element.

Assuming the width of the .container is 1170px, set columnWidth: 380 in isotope init in assets/js/gallery.js

ex:
// 1170/3 = 390px (per column)
// columnWidth = 390 - gutter
var applyIsotope = function() {
        $gallery.isotope({
            itemSelector: '.gallery-item',
            masonry: {
                columnWidth: 380,
                gutter: 10,
                isFitWidth: true
            }
        });
    }
Also edit the relevant CSS classes that set widths for isotope items:
.gallery-item[data-width="1"] {
    width: 380px;
}
.gallery-item[data-width="2"] {
    width: 770px; // 380*2 + gutter
}

hi i tried this thw gallery keep overriding it and going beyond the container

I’m trying to achieve a 4 column layout in that contains to the container

Sorry you have to reduce the gutter from both sides when giving the width in CSS. Here’s the math:
1170px/4 = 292.5px (we'll round off to 292)
292px - 10px - 10px = 272px
Please make the following changes:
.gallery-item[data-width="1"] {
  width: 272px;
}
//JS
var applyIsotope = function() {
        $gallery.isotope({
            itemSelector: '.gallery-item',
            masonry: {
                columnWidth: 272,
                gutter: 10,
                isFitWidth: true
            }
        });
    }

Purchased!!! Please add to github repository to get latest version. Username: cchaman

Thank you

Hi there

Thank you very much! :) I have sent you the invite

Thanks. + I second the mobile search feature. Very important. Could even be the magnifying glass icon that opens a search bar. + And maybe adding the user settings to the right dropdown in mobile mode…right now its missing.

Is the github repo any fresher than whats on themeforest?

Great! :) I will add this to the list v1.2 and yes but its Beta not official version. We maintain a branch for every new release we make. You will see that the master is not updated for a long time. We add it to the master only when its official but till then it will remain in the branches

here is our upcoming version

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

and milestone

https://github.com/revoxltd/pages/milestones
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