I have a problem with my FullCalendar, the last our doesn't appear and instead, a strange div without anything appears.
The following images will explain better
This link shows the table, and as you can see, after 22, there is a strange div there, suposed to be 23 like in this image where the limit is 23.
I would also like change the left numbers (06,07,08,...) to hours (07:00,08:00,...).
The documentation at https://fullcalendar.io/docs/agenda/maxTime/ says
"Determines the end time (exclusively) that will be displayed".
(my bold)
This means that if you set maxTime: 23:00 then the last time displayable will be 22:59. What you are seeing is the correct and documented behaviour of the calendar.
Related
I am using Fullcalendar timeGridWeek side by side with dayGrid.
I can drag between the two and resize or drag in the timeGridWeek (the one on the left).
However, the problem is functionality is broken after hour 6PM or towards the end of the day, depending on the screen width.
I've also enabled clicking on time slot. I can click until 13:00. Anything after that stops working.
If I set the #container > * element to 1600px (on my ultrawide display) everything works correctly.
I can't figure out why.
I also have this running in a React App with MaterialUI and it behaves in the same way. I presumed it was something to do with the theme, but now can see it does the same thing with minimal styling.
Codepen: https://codepen.io/anon/pen/exabpW?editors=0010
This might come from the businessHours option, at pair with the eventConstraint: 'businessHours' option, which, if both are set together, disallow dragging and moving outside businessHours.
So the way to patch it would be to remove the eventConstraint option if u placed it, or change your businessHours
Apparently it's a confirmed bug: references here
https://github.com/fullcalendar/fullcalendar/issues/4503
and here
https://github.com/fullcalendar/fullcalendar/issues/4505
I am having an issue with a website for our student-organized congress at http://ebspreneurship.de that randomly bugs roughly 1 ever 5 times - sometimes more, sometimes less.
I have three revolution sliders - one is the above-the-fold content (full screen), just under it is the Elements section with another full width revolution slider(RS) and then on the bottom I have this map.
From time to time randomly one of the 2 upper sliders (the last one never bugs) disappears and shows only the background image. I can't trace what's the problem, i spend a few days on that. I notice that if I start many browsers with the website and find one that's bugged, there is an error on Inspect:
Issue at YouTube Video Pause:
(unknown) TypeError: d.getPlayerState is not a function
Still, tried without youtube video and it bugs the same way with only BG image, so that error is for now irrelevant.
I just don't get what's the problem and I tried disabling all plugins, i tried playing with caching methods or disabling it... Nothing changes it...
Any help would be greatly appreciated!
OK, for some reason on random intervals the page loads with my main layer div being with "visibility: hidden;", while the div of the image has "opacity: 0.0001."
So,i went for brute force solution of overriding all div's ids one by one on both sliders.
It worked, since, as seen in the image, the browser loaded with hidden divs and opacity 0.0001, but my override worked and still displayed correctly. Image of how the bug was overridden and displayed correctly
Thank you for the ones that tried to help (I noticed quite a few good souls that as always are found around here)!!
I implemented PDF.js library and I need to print a PDF from IE 11 (with a click on a button in PDF.js viewer). The problem is, IE adds page information (header, footer, page number), and cuts off text like 5cm to the right. I spent hours trying out different CSS variants for #page rule, but still can't fix it. Here are the pictures.
This is how the printed file should look like:
And this is how it looks like printed to pdf with margin-left and margin-right set to 0mm:
You see, position and size are correct, but the text is simply cut off. Now when I added 50mm to the right margin:
Now the page number is aligned with the document, and the document text is still cut off, but a little less.
I experimented with different values and I get weird results, but I can't get it to show the complete text. Tried all kinds of margins, padding, size, width, overflow: visible... Nothing works. The only way I managed to remove header, footer and page numbers is by manually setting it up in IE print settings. But then again text is cut off. And it shouldn't be the client's job to mess around with print settings, it should automatically work just fine. I found similar problems on SO but no final answer. Is this actually an IE bug which is impossible to solve? Thanks
I believe that you can find more information about this (and other IE) printing issues here:
(IE: Incorrect printing in Internet Explorer)
https://github.com/mozilla/pdf.js/issues/3983
There appears to be a lot of issues around printing in IE 10 and IE 11 using this pdf.js library. I am currently trying to get it to work myself.
(My own problem is that I am getting page 2 content appearing on page 1 and having page 1 content cut off)
this (around line 3469, viewer.js)
canvas.style.width = (PRINT_OUTPUT_SCALE * viewport.width) + 'px';
canvas.style.height = (PRINT_OUTPUT_SCALE * viewport.height) + 'px';
var cssScale = 'scale(1, 1)';
seems to fix the scaling issue for me, and the comment by himawan-r (page setup dialog) around the 25 Apr 2015 told me how to get rid of the headers/footers.
My only real workaround at the moment is to force printing in a PDF plugin, and if the plugin is not installed, default to a standard html page with the relevant CSS queries for stripping non-printable areas.
I hope that this issue is something that is going to get addressed quickly, because I really like the pdf.js library.
I am having a problem where the background image that is centered aligned, and repeated vertically, is only breaking on the Latest News page.
I can't seem to find why it would be breaking, especially as it is fine on every other page within the site, and there is no section of the page that differs in sizes etc.
I have used firebug to inspect all aspects of the page but still can't find what is causing the problem, any help would be much appreciated.
It looks like the background image is placed twice on the page. Since you use one that's 2000 x 2000, the cut comes to early on the page, to make it a problem with the top/bottom not fitting.
Another thing is that the top/bottom doesn't fit, so you will get that cut for all pages longer than 2000 px, which is the reason for the second cut on the page. You should instead use a much smaller image, like 10-40 px high, that will fit when repeated. That will give your users a faster page speed. It might also fix the problem, or help you track down the reason.
I think the page is to long for one image, the it repeat.
But, look at you image, it seem that the top of image is'nt correctly connected with the bottom. (Y know what I mean?).
I'm using the VideoPlayer component in flex 4 to display a clip. I have about 3 or 4 notes that I want to appear at specific points of the video, sort of like caption but not quite. I'm trying to figure out how to use VideoPlayer time to cause another element to appear (text area with the note in it), but can't seem to get it. I'm a bit of a beginner so an answer for the stupid is much appreciated.
I assume you're using spark.components.VideoPlayer. Add an event listener to respond to the playheadUpdate event (spark.events.VideoEvent.PLAYHEAD_UPDATE) and check the value of playheadTime (playhead position, measured in seconds, since the video starting playing) to determine whether it is time to display your text.