I am using FullCalendar and I am loving it, however I would like to hide the grid lines in month view so that instead of cells it's more open. Is there a way to do this? I want it to look like this
Calendar without grid lines
I have tried manipulating the css but I'm not having much success since I'm new to it. Can someone please help.
Related
I am stuck when I try to construct dynamic button container in Godot like shown at attached video. Is there any possible way to make it easy in Godot?
Would be appreciate for your help!
Here's my problem's description video
I would try a mix of VBoxContainers with rows of GridContainers. I've worked with GridContainers a lot recently and see no problems getting that effect done. Just add your dynamic buttons to the grid in the appropriate row.
https://docs.godotengine.org/en/3.0/classes/class_gridcontainer.html
Noticed this is a few months later so hopefully you found a solution.
I'm working in Angular project and I use fullcalendar component.
My issue is that I want to remove the table that contains the time in the view week.
I tried to use CSS but it doesn't hide the border table:
It looks like the dayGridWeek (or dayGridDay) view would be suitable for your purposes. This creates a vertical list of events but without a time grid. No need to customise the CSS or anything like that.
See https://fullcalendar.io/docs/daygrid-view-demo for a demo, and https://fullcalendar.io/docs/daygrid-view for documentation.
great people from Stack!
I'm having some issues working with Full Calendar I would like to get some help with.
First of all, Full Calendar is an amazing tool. Everything I have had any doubt with has been solved in a breeze just by taking a look at the docs or googling five minutes. However, there is a problem I'm dealing with and can't find (I'm starting to suspect it is virtually impossible, or at least it is for me to imagine how to do it) the way to get it solved.
I'm implementing this library in a project which is meant to be something like an appointments manager, among other things. A (simple) functionality I wanted to add is to open a modal when a calendar cell (agenda week would be the main view) is clicked with a form, allowing to create an appointment for the selected cell. To improve usability, I thought it would be nice if the cells had some kind of hover effect, so that you can feel there is 'something' behind clicking this element. The thing is, the calendar is composed by something like 2 separated overlapping tables, one with rows and the other with columns, that form the grid. The modal system is done and working, dayClick made the trick. Any way to do anything similar to what I am talking about, the hover stuff? (my idea was to make some kind of (+) button appear when hovering, but anything would work.
Thank you!
Seth
Edit: I noticed there is a 'selectable' directive which, given only to the AgendaWeek view, allows me to select cells. The selection is made by the JS code, adding an element just above the cell, with its dimensions. Wouldn't it be any way to call this from hovering a cell instead of just clicking it? I wonder that highlight cell is rendered from the position of the mouse at the time of the click and wouldn't be very efficient to check that all the time...
I need suggestions in building below UI. It's a carousel like structure where active over is highlighted in green and we can still see next overs disabled or gray color.
I have researched for this for ex. Can I make use of any carousel to fit this design but can't seem to come to any conclusion. Thought of slider also but did not see that fitting this design.
Guys, do you have any suggestion or pointers to get me started here. I do not need code; just want a startup point. So far I am stuck with carousel or slider.
I understand this might not be most constructive question on SO but any pointers will be highly appreciated.
Unfortunately, you didn't provide any information about what should happen when you click on these items. If I understand correctly, you are looking for a carousel supporting your own pager design. If this is correct, you must add the pager markup first, after that you can use any carousel that supports slide switching methods. Then you can add click event listener to your pager items and call switching method in the listener, setting by that a new slide corresponding to the pager element index.
For example, you can try slick carousel, as it has .slickGoTo() method, which you can use to switch slides programmatically. You can also try to customize slick's default pager, but it might be not so easy or even impossible at all.
I am trying to figure out how to design a calender scheduler in adobe flex.
I have seen the flexlibswc, but it is not structured properly to use.
My idea is to get time in vertical as list and scheduler at right all in one panel.
Can anybody suggest what components I need use to design this custom component.
Please see the protoype screen below
I'll use core graphic components/spark to design this screen. The whole calender background will be a relative layout component like a group/canvas surrounded by the scroller. Each of the slot(blue color) will be extending a spark/uicomponent fills color with Graphics(circle rectangle etc,) so they'll be light weight. I've tried these, they work, but, it is a hectic process to get all things right, it may take 2 months - 3 months to get things done. If you find a open source project try digging the code.