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 sir,

I am using your angular demo template as my apps draft. but i find a problem once i using it as mobile view. When i click the menu bar at let top icon and clicked one target page say social. The left menu will not hide automatically same as the html template. What is the problem of it? How to solve?

Hi there

Noted, I will make a public function for you to close the menu

i need to automatic close when i click the menu bar. thanks

hi where is the function? hv u fixed the problem

Hi ! Could you please add me to your github ? Account : «Lee-Hanson». Thanks :)

Hi there

Added you in :)

https://github.com/revoxltd

I bought the pages theme and im very pleased with it. I did some customisation and want to try it in rails. Now i have a little issue with the calendar.

I works perfectly in Chrome &Firefox, but in Safari is throwing an error.

Error: Syntax error, unrecognized expression: :nth-child

I did some debugging, the function setActive is complaining.

/*
  • @function _setActive
  • @description – Highlight Active Year
  • @access private */ var _setActive = function() { var diff = calendar.year – Calendar.settings.ui.year.startYear } /
*
$('.year a').removeClass('active');
$('.year:nth-child(' + diff + ') > a').addClass('active')

In my case calendar.year is NaN … :(

Thanks

ah, found it.

if in the init no trailing 0 is set in the date the thing breaks example, now: “2017-2-21” is giving errors.

Hi there

Do you have access to github ? We have a rails sample for pages if you want to see it and a gem too.

Hey,

Can you add me to the github of the rails gem? My username is mxbaan

Thanks!

Hello. I see there are different ways to layout the template. There’s a default then there’s a boxed template. When I downloaded the template, the psd files seem to be the boxed version. How do I set this up as default? Thanks

I never heard back from you guys. Did you ever receive my email with the screenshots?

Hi there

Sorry, we missed your email with the holidays. It is not boxed layout. We made the layout to fit 1024 resolution because it is the standard min resolution still used.

I tried replacing the header with yours and it doesn’t look normal :) Please check out http://palman.kr/ It’s your getting_started > html > index with only the header changed.

OR could you maybe provide the source for http://pages.revox.io/dashboard/latest/html/widget.html ? It seems to have a search within the body and that would suffice for me. I can’t find that widget.html file within the demo folder. Great thanks!

Hi there

Sorry about the late reply

Here is the header with search :)

https://gist.github.com/MalithHatananchchige/d4643d5aba85c1546319

very nice, I am pretty much looking at this theme very favorably because of its smaller faster page size and how the sections, (metronic is 2 mb per page!! I do not think users know that, yours is much much smaller) also your sections are commented cleanly & organized. But please give us some brighter modern color schemes, sliders, horizontal time lines, updated clearer Navigation options on the left, while keeping the navigation sticky, but letting the content wrapper scroll.

Based on the link you pasted earlier, it helps me do a find an replace of HTML Tags and content inside the tags if you have the comments unique to that area.

Hi there

Thank you for your kind words. We will continue to add more and more features. Right now we are working on updating to Bootstrap v4 and working on a new product (not a dashboard) :)

Yes you can replace the content at ease and if you have problems you can always ask

Can you please add me to the Github as well, and if you have a feature list I want to recommend some items there , I will send my email

Would like to see a more prominent Navigation System for business apps, the them is light and ncie, but the older users/folks are finding it hard to navigate…

Hi there

Sure. I will like to hear about it. What is your GitHub username ?

Our email is support@revox.io

Hi! awesome project, Please grant me permissions to access the github repository.

My username is oscarnevarezleal

Hi there

Added you in :)

Hello. How can I create a calendar button to change the monthly view to weekly and vice versa?

Hi there

Assuming your calendar DIV id is – my_calendar_elment and you have a button called : monthChangeView

$("#monthChangeView').on('click',function(){
$('#my_calendar_elment').pagescalendar('view','month');
})

angularjs 2 anytime?

Hi there

After we finish Bootstrap v4

Hi, do you have horizontal timeline?

Hi there

Nope not yet :)

I need help with widget-14, the server graph (Web Server & DB Server) I see you have used the random.addData() function. I have a json file which will fill up the seriesData0 and another file that can fill up seriesData2, How do I go about implementation of the same?

My json file is like :

{ 1:00”, 1:01”, ...}

I dont want to display the time (1:00,1:01), just the values against them.

I am waiting for your response. I can get the data in json file, how do I integrate it into the seriesData – widget 14 graph?

Hi there

Sorry about the late reply. This is powered by rickshaw charts. And they have explained a few tips on how to add time as an axis

http://code.shutterstock.com/rickshaw/

Scroll down to the very bottom

“Axes and Tick Marks”

I second everyone that is looking for a Sketch version of the design. It’s the best way to update and customize your beautiful design. I’d be willing to purchase it if you made a Pages Admin – Sketch file and looks like others would too.

Hi there

Definitely sketch is an amazing tool. I will see what I can do :) We are extremely busy with Bootstrap v4 and our new release of Kepler.

hi, there.

i purchased your template Pages for use calendar.

what i need is that part of date on calendar.

i don’t need to use scheduler.

and i’d like to choose a weekly unit instead of a date.

1. can i remove scheduler of lower part?

2. can i select a week instead of a date?

Hi there

1. “scheduler” part meaning ? the date picker. I’m sorry I could not understand what it was.

2. Week view we can it selects the entire week :) But I’m sure that is not what you want. Maybe abit more elaboration of your question would help me

1. I mean that I want to use only date part but not time part. Can I remove that? TextArea will be placed instead of time part area.

2. I want select the entire week as you commented. For example, If I clicked [14, February], calendar will be shown as selected [12, February ~ 18, February]

Hi there

I’m sorry but I still don’t understand the issue in question One

Hi Guys

I want to use meteor version but in angular not jquery. Have you done any works or do you have any tips to do?

Regards Amin

Hi there

Im really sorry we do not have an angular version :( and I always get confused why use angular and meteorjs at the same time ?

Hi Ace,

Maybe because of meteor ability at server side and Angularjs at ClientSide :)

Hello, currently the Angular version is an old version 1.3 Are there plans to release with a newer version of Angular? I’ve been waiting on this for a while. Thank You

Hi there

We understand :) We are working on Bootstrap v4 right now.

How do I change primary color?

Hi there

Yes you can :) Have you used less ? or SASS ? Because its just one line of code you have to change.

https://medium.com/pages-tutorials/setting-up-pages-less-with-koala-app-5be104128fc6#.h0zn5qhwc

Thanks for your reply. I was able to update the @color-primary and compiled it successfully in Koala. And changes where rendered in Chrome but not in Windows Edge. What should I do? Thanks.

Do you think it might be cache in edge ? Because once the SASS is compiled. It creates a pages.css file which the browser uses.

http://pages.revox.io/dashboard/latest/html/#usa

I would like to use the ‘type anywhere to search’ for the mobile version as well, but I can’t find any magnifying glass in the mobile version. Is it just me or do you not provide it yet?

The same goes for the user face (dropdown) that is visible in PC but not in mobile. Both are critical for the service I’m trying to make with your template.

Hi there

Yes its possible :)


      <div class="header ">
        <!-- START MOBILE CONTROLS -->
        <div class="container-fluid relative">
          <!-- LEFT SIDE -->
          <div class="pull-left full-height hidden-sm-up">
            <!-- START ACTION BAR -->
            <div class="header-inner">
              <a href="#" class="btn-link toggle-sidebar hidden-sm-down padding-5" data-toggle="sidebar">
                <span class="icon-set menu-hambuger" />
              </a>
              <a href="#" class="search-link" data-toggle="search"><i class="pg-search" /></a> 
            </div>
            <!-- END ACTION BAR -->
          </div>
          <div class="pull-center hidden-lg-up">
            <div class="header-inner">
              <div class="brand inline">
                <img src="assets/img/logo.png" alt="logo" data-src="assets/img/logo.png" data-src-retina="assets/img/logo_2x.png" width="78" height="22" />
              </div>
            </div>
          </div>
          <!-- RIGHT SIDE -->
          <div class="pull-right full-height hidden-sm-up">
            <!-- START ACTION BAR -->
            <div class="header-inner">
              <a href="#" class="btn-link hidden-sm-down" data-toggle="quickview" data-toggle-element="#quickview">
                <span class="icon-set menu-hambuger-plus" />
              </a>
            </div>
            <!-- END ACTION BAR -->
          </div>
        </div>
        <!-- END MOBILE CONTROLS -->
        <div class=" pull-left sm-table hidden-sm-down">
          <div class="header-inner">
            <div class="brand inline">
              <img src="assets/img/logo.png" alt="logo" data-src="assets/img/logo.png" data-src-retina="assets/img/logo_2x.png" width="78" height="22" />
            </div>
            <!-- START NOTIFICATION LIST -->
            <ul class="notification-list no-margin hidden-sm-down b-grey b-l b-r no-style p-l-30 p-r-20">
              <li class="p-r-15 inline">
                <div class="dropdown">
                  <a href="javascript:;" id="notification-center" class="icon-set globe-fill" data-toggle="dropdown">
                    <span class="bubble" />
                  </a>
                  <!-- START Notification Dropdown -->
                  <div class="dropdown-menu notification-toggle" role="menu" aria-labelledby="notification-center">
                    <!-- START Notification -->
                    <div class="notification-panel">
                      <!-- START Notification Body-->
                      <div class="notification-body scrollable">
                        <!-- START Notification Item-->
                        <div class="notification-item unread clearfix">
                          <!-- START Notification Item-->
                          <div class="heading open">
                            <a href="#" class="text-complete pull-left">
                              <i class="pg-map fs-16 m-r-10" />
                              <span class="bold">Carrot Design</span>
                              <span class="fs-12 m-l-10">David Nester</span>
                            </a>
                            <div class="pull-right">
                              <div class="thumbnail-wrapper d16 circular inline m-t-15 m-r-10 toggle-more-details">
                                <div><i class="fa fa-angle-left" />
                                </div>
                              </div>
                              <span class=" time">few sec ago</span>
                            </div>
                            <div class="more-details">
                              <div class="more-details-inner">
                                <h5 class="semi-bold fs-16">“Apple’s Motivation - Innovation <br /> 
                                                            distinguishes between <br />
                                                            A leader and a follower.”</h5>
                                <p class="small hint-text">
                                  Commented on john Smiths wall.
                                  <br /> via pages framework.
                                </p>
                              </div>
                            </div>
                          </div>
                          <!-- END Notification Item-->
                          <!-- START Notification Item Right Side-->
                          <div class="option" data-toggle="tooltip" data-placement="left" title="mark as read">
                            <a href="#" class="mark"></a>
                          </div>
                          <!-- END Notification Item Right Side-->
                        </div>
                        <!-- START Notification Body-->
                        <!-- START Notification Item-->
                        <div class="notification-item  clearfix">
                          <div class="heading">
                            <a href="#" class="text-danger pull-left">
                              <i class="fa fa-exclamation-triangle m-r-10" />
                              <span class="bold">98% Server Load</span>
                              <span class="fs-12 m-l-10">Take Action</span>
                            </a>
                            <span class="pull-right time">2 mins ago</span>
                          </div>
                          <!-- START Notification Item Right Side-->
                          <div class="option">
                            <a href="#" class="mark"></a>
                          </div>
                          <!-- END Notification Item Right Side-->
                        </div>
                        <!-- END Notification Item-->
                        <!-- START Notification Item-->
                        <div class="notification-item  clearfix">
                          <div class="heading">
                            <a href="#" class="text-warning-dark pull-left">
                              <i class="fa fa-exclamation-triangle m-r-10" />
                              <span class="bold">Warning Notification</span>
                              <span class="fs-12 m-l-10">Buy Now</span>
                            </a>
                            <span class="pull-right time">yesterday</span>
                          </div>
                          <!-- START Notification Item Right Side-->
                          <div class="option">
                            <a href="#" class="mark"></a>
                          </div>
                          <!-- END Notification Item Right Side-->
                        </div>
                        <!-- END Notification Item-->
                        <!-- START Notification Item-->
                        <div class="notification-item unread clearfix">
                          <div class="heading">
                            <div class="thumbnail-wrapper d24 circular b-white m-r-5 b-a b-white m-t-10 m-r-10">
                              <img width="30" height="30" data-src-retina="assets/img/profiles/1x.jpg" data-src="assets/img/profiles/1.jpg" alt="" src="assets/img/profiles/1.jpg" />
                            </div>
                            <a href="#" class="text-complete pull-left">
                              <span class="bold">Revox Design Labs</span>
                              <span class="fs-12 m-l-10">Owners</span>
                            </a>
                            <span class="pull-right time">11:00pm</span>
                          </div>
                          <!-- START Notification Item Right Side-->
                          <div class="option" data-toggle="tooltip" data-placement="left" title="mark as read">
                            <a href="#" class="mark"></a>
                          </div>
                          <!-- END Notification Item Right Side-->
                        </div>
                        <!-- END Notification Item-->
                      </div>
                      <!-- END Notification Body-->
                      <!-- START Notification Footer-->
                      <div class="notification-footer text-center">
                        <a href="#" class="">Read all notifications</a>
                        <a data-toggle="refresh" class="portlet-refresh text-black pull-right" href="#">
                          <i class="pg-refresh_new" />
                        </a>
                      </div>
                      <!-- START Notification Footer-->
                    </div>
                    <!-- END Notification -->
                  </div>
                  <!-- END Notification Dropdown -->
                </div>
              </li>
              <li class="p-r-15 inline">
                <a href="#" class="icon-set clip "></a>
              </li>
              <li class="p-r-15 inline">
                <a href="#" class="icon-set grid-box"></a>
              </li>
            </ul>
            <!-- END NOTIFICATIONS LIST -->
            <a href="#" class="search-link" data-toggle="search"><i class="pg-search" />Type anywhere to <span class="bold">search</span></a> </div>
        </div>
        <div class=" pull-right">
          <div class="header-inner">
            <a href="#" class="btn-link icon-set menu-hambuger-plus m-l-20 sm-no-margin hidden-sm-down" data-toggle="quickview" data-toggle-element="#quickview"></a>
          </div>
        </div>
        <div class=" pull-right">
          <!-- START User Info-->
          <div class="hidden-md-down m-t-10">
            <div class="pull-left p-r-10 p-t-10 fs-16 font-heading">
              <span class="semi-bold">David</span> <span class="text-master">Nest</span>
            </div>
            <div class="dropdown pull-right">
              <button class="profile-dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <span class="thumbnail-wrapper d32 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" />
            </span>
              </button>
              <ul class="dropdown-menu profile-dropdown" role="menu">
                <li><a href="#"><i class="pg-settings_small" /> Settings</a>
                </li>
                <li><a href="#"><i class="pg-outdent" /> Feedback</a>
                </li>
                <li><a href="#"><i class="pg-signals" /> Help</a>
                </li>
                <li class="bg-master-lighter">
                  <a href="#" class="clearfix">
                    <span class="pull-left">Logout</span>
                    <span class="pull-right"><i class="pg-power" /></span>
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <!-- END User Info-->
        </div>
      </div>

Try the following header

I tried replacing the header with yours and it doesn’t look normal :) Please check out http://palman.kr/ It’s your getting_started > html > index with only the header changed.

OR could you maybe provide the source for http://pages.revox.io/dashboard/latest/html/widget.html ? It seems to have a search within the body and that would suffice for me. I can’t find that widget.html file within the demo folder. Great thanks!

Replied to your earlier comment

Where is the login Radio City picture from? I would like to buy it.

Hi there

This is a free stock photo from unsplash

https://unsplash.com/search/city
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