3890 comments found.
There are two issues I’m having with the calendar right now:
1.) On the live site demo, http://pages.revox.io/latest/calendar.html#, try resizing the calendar to make it the size of a small mobile device. Refresh the page and load it from this size, as if you’re emulating a phone’s first load (or just load it on a phone).
Double-clicking to add an event is successful, but the event renders on Sunday rather than today (Wednesday as of right now). A lot of mobile users have noticed this, and sometimes the issue doesn’t happen if you load the page and just manually resize it to test it, so make sure you do a load (refresh) from the size of a mobile device THEN try adding an event.
2.) I have added a new event via my database. Before it’s sent to the database, it’s rendered on the calendar from 2-3:00 p.m. If I refresh it, the event is still there – so I know my database is sending the times back correctly.
I edit the event, then upon receiving the return data from the database, the event adjusts slightly. If I adjust it back to 2-3:00 p.m., the event autocorrects to look like 2-3:30 instead of 2-3. Refreshing the page and loading it again does the same thing; it’s in the time frame of 2-3:30 but the times are from 2-3, (both reflected in the text and on the data-time attributes).
The first issue is the main one, and the latter one could be on my end but I’m still searching for a solution to both.
Hi there
Thank you writing a descriptive message about your problem 
First, are you using the latest version of pages.calender.js ? you could try downloading the package from themeforest (Updates are free) Copy the file from getting_started/pages/js/pages.calender.js and min.js both and paste in your project location pages/js folder.
We have a small issue with the touch trigger. I will look into it and give you a quick patch for it.
Yes, this is using the latest version of calendar.js. Rather, I followed your instructions just in case and ran across the same issue.
Hi there
I’m currently making some fixes for the calendar, I will give you a quick patch on the following things
Awesome. Let me know when the patch is live and I’ll download it.
Hi there
The patch is ready do have a look
You can download and replace your js
https://github.com/revoxltd/pages/blob/v1.2.0/core/js/pages.calendar.js“This is not the page you’re looking for.” I can’t access the Github.
If you could, add isaacaskew (https://github.com/isaacaskew) to your GitHub repository or email the file to team@pharmedio.com.
Sent you an invite
I still don’t see any invite for isaacaskew or through the email provided. Where did the invite get sent to?
Edit – found it, sorry about that.
This works perfectly. Thank you!
This is an image of my other issue posted; I have two events, one from 1-2:30 and the other from 1-2 that both take up the same space, and I’m curious why the 1-2:30 isn’t reflecting correctly. Do you see any issues from the html in the code above?
Yes thank you for the screen shot. Could you type in
$('body').pagescalendar('getEvents')
On your browser console and it will give you all the events listed as an array see if the date is set correctly there ? Let me know
It seems to be.
Any word on this?
Hi there
Sorry about the late reply, will be checking it in abit, If you could be kind enough to get your JSON object over to me that would save me alot of time to debug
Besides the object in the picture above, what exactly do you need?
Its all fine thank you! will push the patch over to you again.
Its fixed You can download the pages calendar js from github
Hmm. I tried with your new code and I’m still getting this: http://i.imgur.com/TgWZxRB.png
Now it should be all good
This is your issue listed here
https://github.com/revoxltd/pages/issues/166This fixed it! You’re the best! 
Awesome! Thank you for confirming
$('[data-pages="sidebar"]').data('pg.sidebar').togglePinSidebar()
but it’s based on animation and I’m looking for simple swicher
Thanks!
You can add menu-pin to body to make it stick
Much easier than thought! Thanks :3
Hi, we are struggling to find documentation on how we are able to styled the default scrollbar (slide out menu) with the one on the Pages framework. We see that the styled scrollbar is a thin dark blue bar while what we are seeing is the default rather thick grey bar. Any help and pointer would most be appreciated.
Hi there
Sorry that the documentation does not have the guide to change the scroll bar, I will look into it meanwhile
Its powered by the following plugin
http://gromo.github.io/jquery.scrollbar/We did not include the css file that comes with the plugin instead we customized in pages.css and if your using less its in layout.less.
Can you see if the following link is included in the page bottom
<script src="assets/plugins/jquery-scrollbar/jquery.scrollbar.min.js"></script>
Afterwards do if that is ok open up pages.css
in around line 1043
/* Pages Scroll bar
------------------------------------
*/
.scroll-wrapper > .scroll-element,
.scroll-wrapper > .scroll-element div {
background: none;
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
There should be more with the class name scroll-wrapper
Do let me know
Hi,
Great template. I’m having issue with input-group-addon buttons. When there is a button on the right side of the input, I can not enter text in the input even though it acts as though it has focus (goes grey). The left side works perfectly however.
ON LEFT (works) <button class=”btn btn-primary”>Go</button> <label>Panel ID</label> <input type=”text” class=”form-control” placeholder=””> ON RIGHT (fails): <label>Panel ID</label> <input type=”text” class=”form-control” placeholder=””> <button class=”btn btn-primary”>Go</button>Could you take a look and advise?
input-group-addon span.
Please try this:
<!-- Left -->
<div class="form-group form-group-default input-group">
<span class="input-group-addon">
<button class=" btn btn-primary">
Go
</button>
</span>
<label>Search</label>
<input class="form-control" placeholder="" type="text">
</div>
<!-- Right -->
<div class="form-group form-group-default input-group">
<label>Search</label>
<input class="form-control" placeholder="" type="text">
<span class="input-group-addon">
<button class=" btn btn-primary">
Go
</button>
</span>
</div>
What a beautiful theme ! Can you please add me to your github repo ? My username is simsim2006. Thanks in advance !
Thanks Invitation sent
Thanks a lot ! Do you know when the v1.2.0 will be released ?
Mid of next week
BTW, what is the latest build? I’m assuming it’s the 1.2.0? Or is 1.1.1 better and more stable and complete?
also along the same line of questioning, will you be adding editing tools into the gallery area per earlier requests? If so do you know which ones . . . like image cropper and such and by which developer? I’m assuming you’re not going to develop from scratch . . . or are you (wink wink )
Hi there
v1.1.1 will be the latest & stable and v1.2.0 has good news, its going to be A complete frontend (Not just one landing page) and AngularJS, sure we can add in gallery enhancements to it too.
cool, the download on 1.2.0 can be used right now too correct, although I understand it’s not as stable as v1.1.1
Yes correct
thank you much
so not sure if this issue has already been brought up. There is a nice margin / buffer to the left and right of the “main content area” which is maintained as a page is getting resized, but as the page get’s more narrow and narrow, this buffer/margin goes away and the content in the “main area” bumps into the sides and some times even overflows. Is this a bug/glitch or intentional? Also how can it be avoided?
Hi there
First off all apologies on the late reply, Timezone difference
I’ll explain whats going on
1800px and above the screen automatically stops stretching to the two corners and sticks in the middle
Reason : If you take screens of these resolutions stretching the elements will look really ugly
How to avoid :
You will find a wrappers “container-fluid container-fixed-lg” remove the class container-fixed-lg
In resolution below 767px, which are mobile layout we intentionally removed padding.
Reason : Limited screen width and if you take most of the apps on an iphone or android they do remove the gap to increase content space and also give a neat look to it
How to avoid :
Remove the wrapper class container-fluid
Hope this information helps you
no worries on the time zone difference, you’re still more responsive then some of my colleagues living in the same town (LOL) . . . thanks as always for the great guidance.
Great!
Hi Ace, just a Question, The simple line icons are working fine? because, i cant see it correctly from chrome 41.0.2272.89 m, i got the uptaded version, have i do something else? Thank you
Hi there
It tried it, it does show the icon properly I’m assuming you add the link
<link href="assets/plugins/simple-line-icons/simple-line-icons.css" rel="stylesheet" type="text/css" media="screen" />On the header
If not try replacing the file content here
assets/plugins/simple-line-icons/simple-line-icons.css
With the following
https://gist.github.com/teamrevox/1b4af161cbe6cbc19972Hi Ace, can I be added to the github repo?
Username: Irauan
Invitation sent.
Ace, Are the SASS files in the same version of LESS files? If I compile the SASS files I’ll get the same CSS code from LESS files?
Hi there
Unfortunately we do not have SASS support in pages yet, but you can use the beta on found in the repo, will contain a few color issues where it does not seem to look the same
you have forecast for the fontend? need a simple frontend for use with the admin PAGES.
Hi there
Yes its going to come out in v1.2 with Angular JS
Hi Ace,
I noticed that you only have .col-xlg-# identified in the pages.css, are there others that can be used for col-lg-#, col-md-#, and etc? I can’t find them in the page.css
Rick
Hi there
Just a note : col-md etc are bootstrap classes, anything in bootstrap
will also be supported
we made col-xlg as it was not in bootstrap grid classes, the reason why we needed was for not HD screens but retina HD like 2048
Hope you got it
Ah i see, the only reason why I ask is that for some pages, I want to have a narrower wrapper similar to your front-end template. Any recommendations? for example: 1024 > 768 > 100%.
<div style="width:1024px">
<div class="container-fluid">
<div class="row">
<div class="col-sm-6">...</div>
<div class="col-sm-6">...</div>
</div>
</div>
</div>
I figured that much, obstacle here is that this would need to account for all the mediaqueries to account for smaller view ports manually.
also noticed in social container, at 320 mobile resolution the cards do get aproximately 20px cutoff from the right. THis is assuming the default card width @ 300px.
Social is abit different, its using jquery isotopes to adjust the grid accordingly but I would always choose CSS over jquery for grids, this was because of the neat animation, and yes the card size is limited to 300px
Thank ace, yes, i think the cards are too big at 300 pix, because at 320 with resolution for mobile, it needs 340px to accommodate the 20px gutter on each side?
yes that would do
I love this theme, but I’m looking for a horizontal menu rather than sidebar. Any plans to add one?
Hi there
Thank you very much! we are releasing a frontend and angularjs in v1.2
But what about a horizontal menu?
Hi Ace,
I was wondering if you can helpwith DialogFX that you’ve used in the gallery plugin.
Seems like DialogFX automatically closes when clicked, or on keypress. Is there a seamless way to also tell DialogFX to addcss or removecss when the overlay is closed?
ex: on DialogFX on close using onkeypress, click of the ‘x’ or click on the overlay background, it would add/remove the body css.
I know i can achieve this individually, but was wondering if there is a systematic way using dialogFX. $(‘body’).on(‘click’, ’.close’, function() { $(‘body’).css(‘overflow’, ‘auto’); });
Thanks in advance,
Rick
Hi Ace,
Got it. For those whom may want to try the same:
var dlg = new DialogFx($(’#itemDetails’).get(0), { onCloseDialog: function(instance) { $(‘body’).css(‘overflow’, ‘auto’); } }); dlg.toggle();
seems to be working great.
Best,
Rick
Hi Rick,
Yes, that’s the way. Thanks for sharing the method with everyone. Cheers!
Could you please add https://github.com/rogerapras to the Github repository please?
Invitation sent.
Could you please add username ‘jdelofsky’ to the github repo?
Also, could you give me a very rough best guess as to when a FULLY AngularJS (zero jQuery) version might be ready?
Hi there
Sent you an invite
Thanks! What about a best guess at the fully AngularJS version? Id really like to have a rough idea of when to expect it if possible…
Hi there
Within a few days you will be able to see angularJS and frontend ready and afterwards we will work on the pure angular most like to be start of April
Also, your breadcrumb functionality is broken/backwards. The href links should be on the previous links, not the current page link, but when you try to configure things to have the href on the previous page list items and just the paragraph tag on the current page list item, everything gets messed up. For example:
Your code allows for this (to look correctly):
<ul class="breadcrumb">
<li><p>Home</p></li>
<li><a href="#" class="active">Subpage</a></li>
</ul>
It should actually allow for this (to both look and function correctly):
<ul class="breadcrumb">
<li><a href="#">Home</a></li>
<li><p class="active">Subpage</p></li>
</ul>
If you try to do the latter, things get messed up significantly.
A proper breadcrumb allows people to click the previous links in the breadcrumb trail to go back to those pages. It serves no purpose to make the current page link the only clickable link. FYI, you also misspelled breadcrumb in your CSS.
Correction to misspelling, that was actually hamburger, not breadcrumb. I knew it was food related. It made me hungry seeing it late at night!
Hi there
Sorry about the late reply sure! I will correct this and thank you!
If checkbox text is longer than the width of the device (easy to happen if you have acceptance/disclosure text), it isn’t wrapping and the text just runs off the right edge of the screen so it can’t be read (occurring on phones for us as the text is short enough for other devices).
For that please remove white-space:nowrap property from .checkbox label in pages.css
Excellent. Thank you much.
How can I do to keep the current tab (nav-tabs) active after a page reload?
Hi, can you please add the following username to the Github repo. Thanks!
zamakkat
Hi,
Sorry, regular license owners can have only one user added to github repo. You already have added ‘seowalex’ Do you want me to replace that user?
Great work! Just bought the theme. The purpose of the Github repo is to get all edge updates asap right? Add me please – joramokwaro
Yeap, you’ll get to see what we’re working on I’ve sent you an invite.
Hi there
We are fixing the issue
You must be talking about this.
https://drive.google.com/a/revox.io/file/d/0BwTVFQvJ0PmjODVvY2ZPVmQ4STg/view?usp=sharing
