Here is the JS Fiddle:
http://jsfiddle.net/3E8nk/362/
For some reason I cannot seem to get the eventLimit property to work correctly, or at all in fact. Now it states in the documentation that:
A value of true will limit the number of events to the height of the day cell.
However I cannot see how to set the height of the day cells either. There are height properties for the header, and the calender body but the does not seem to affect the individual day cells.
What's annoying me is that on the front page of the fullcalendar website (http://arshaw.com/fullcalendar/) It seems to work fine, without setting any height variables at all simply just eventLimit: 'true'.
Can anyone shed some light on this?
You are using FullCalendar 2.0.0 and the demo page is using FullCalendar 2.1.0.
If you check this blog post describing the changes for the version 2.1.0 (which was released today), you will see that what you need was released on this version.
So, you only need to update the Javascript and CSS and that will work.
Related
I want to know what disabling CSSOM View Scroll Coordinates flag in chrome://flags does and how can i replicate this behavior using code in my ReactJS app.
Additional information :
It seems after Chrome 85 update, ag-grid RTL support breaks and the grid is not able to scroll the content and sometimes the cells becomes white, i had to dig very deep into the past questions and try a lot of far fetched solutions to find what i have.
I found out that disabling CSSOM View Scroll Coordinates in chrome://flags will fix the bug!~ but the problem is i don't want to force my users and teach them to do this just so my app works, so i thought what ever disabling CSSOM View Scroll Coordinates does, maybe i can replicate it using css code or some other code
I have already reported this issue in ag-grid's git-hub but i'm still waiting for them to offer a solution in the mean time if i can get this to work only using code, it would be great as i have a lot of users which are not able to use my app just because of this simple bug ..
Thank you.
I am upgrading from Fancybox-2 to Fancybox-3. My site uses fancybox to display blocks of HTML as an overlay on page. For instance, if you click on my Terms and Conditions, fancybox uses a file fb/tandc.php that has all the HTML of the box to be displayed.
Some of the boxes use data from my database and use php programming to generate the HTML - for instance I have a list of participants retrieved from the database.
When planning the upgrade, I added a switch on my site that allows me to decide if I want to run version 2 or 3 of fancybox. In testing, many of the boxes display the same whether I use version 2 or 3 - in other words I have not changed the source code, only the way I call fancybox.
My problem is that for some reason, some boxes do not display the full content. When I have checked the page source, everything is there but I have noticed that some elements have style="display:none" defined. This is not coming from my code, so I assume fancybox is adding it.
My question, therefore, is how can I stop this?
I have tried to find answers but not successful. I did find a post that disabling AdBlocker in Chrome may help but this had no impact.
I get the same behaviour in Chrome and FF
I have included screenshots that show how the elements contain the style; the code used to call fancybox; the options I am using.
page debug elements
call to fancybox
options used
Just added this screenshot of code to be displayed. I tried adding a style that I hoped would override what fancybox is doing, but did not work either.
code to be displayed in fancybox
This is how the content looks in v2 fancybox
content in version 2
and if I have exactly the same content, but use v3 fancybox:
exactly same content in version 3
Using ajax to load fancybox with content from a file seems to create elements where it inserts style="display:none" - I have no idea why. However, I figured a work around where instead I created inline content on the page that is hidden and then simply used data-src="#hiddenContent" as in the docs.
It's made my page huge though when I have a lot of surveys, with a lot of participants on each!
I need to change the date that Alfresco shows in the content detail. Every time I change something about properties or tags, the modified date updates to that time. That is great so far.
Problem: I need to make some changes on some uploaded files without updating that date. Some of them have their modified date changed already.
If I could set in mysql the date I wanted, then everything would be great, but if I set the audit_created and audit_modified fields in alf_node table, the change seems to affect only to the list view, but it does not changes dates in the detail view.
I've tried several workarounds of my own, but none of them has worked. Could somebody give me a hint on how to get this done?
Thanks.
Alfresco Community - v3.2.0
Not sure about version 3.2 (caugh), but I guess
behaviourFilter.disableBehaviour(nodeRef, ContentModel.ASPECT_AUDITABLE);
should do the trick. Also not quite sure at what event the behavior fires. Call this method right before you change properties.
Thanks to you all. Rebuilding the index is what actually worked for me. #Lista, I would accept your comment as answer if I knew how to do it.
I have some issue here with fullcalendar selectable and i am not denying that it could be also my coding problem. Either both of them, i'm having an issue where i need to click and hold in order to create new event and even drag instead just click and create and click to drag. No. I need to hold and wait for a seconds, and then i can select it afterwards.
Is it something wrong with my code or this issue has been centered long before? I can't find on google about fullcalendar selectable problem though. I use Ionic with localstorage and chrome.
If i am using eventClick/dayClick, it is fine. There's no need for me to click and hold the button. However when i am using selectable: 'true' and also selectHelper: 'true' the problem that i just mentioned has occured.
NOTE: When implementing my coding on JSfiddle, it is working fine but when i see my calendar on chrome localhost, it's making that annoying problem. In addition to that, when i'm build into .apk, and i use it on my phone, the problem still occured.
Anyone got solution?
touch devices are different than browsers, fullcalendar have a documentation for supporting touch devices.
you can set the delay for selecting a cell using longPressDelay
hope it helps.
I have a Wordpress site that uses a JQuery plugin called Hover-Caption ( https://github.com/coryschires/hover-caption ).
The main page of site: (http://brighidfitzsimons.com) looks good.
However in Internet Explorer 9, a similar page based on Category adds a 282px top offset to the post thumbnail image. (http://brighidfitzsimons.com/category/lifestyle/)
I am new web developer so I am struggling to figure out how to isolate problem. Based on this stackoverflow entry ( How do I get rid of an element's offset using CSS? ) my current train of thought is to add a IE specific CSS sheet to 'reverse' the offset but I can't seem to get at the offending element. Also I'm confused why works on main page but not on category page. If you watch page loading carefully, it initially loads correctly then at the very end the images are moved down. Perhaps this is a clue.
First stackoverflow entry so I hope I have followed correct ettiquete. Please advise if you need me to provide any more information.
Thanks for taking time to read problem.
Regards Simon
It has something to do with the substitutions of the content inside the title, probably some quirk about ie9 which someone else would have more of an idea for me
just so you can take my word for it: http://jsfiddle.net/BXjK3/
the first two i have removed all the greater, lesser and quotes and it works, but I would say the browser does the substitutions before Javascript can see it, and it all goes down-hill
edit: worth mentioning the reason it looks like that is because the text is no longer properly contained, and so the display none is not taking effect on it, pushing all the images down and making it a jumble, due to the way the content is loaded the ie inspection cannot show me how the text is after the javascript, only what was loaded on page load, so i can't give you more help than that