I am trying to make a calendar with fullcalendar so that the calendar will display images in the place of events (not thumbnails or background images for events) and I was wondering if this is possible to do. Essentially, I am looking to make something like this: http://static.ithome.com.tw/uploads/snapshot/2013010315405850e5360a5f231_thumb.png.
Thanks in advance.
Related
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.
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.
I am creating a search page based on continents. And I need to let the user click(choose) a continent and based on this choice. I do backend logic.
What I tried is to set a world map as a background of a div. And on this map I put the linkbuttons that represent the continent (as attached).
The problem is when I resize the screen the linkbuttons go into wrong positions. So please help me to find a way to PIN the buttons (continent names) to the map when resize or open the page on different screens.
Thank you.
Here is a link to a youtube video that shows you how to use google maps API. This may make what you are doing a little easier. I recently used this to create a mobile tour app.
Google Maps API
Thanks for trying to help. I just solved the problem and likeed to share the solution.
I have solved this using map on the image. So I made the continents clickable on the image without putting any controls on the image.
I have a meteor query that returns a cursor with images data. I use bootstrap to arrange the images to display responsively. When each image is clicked I'd like a bootstrap modal to display/appear right above the clicked image. Is this possible? Any one care to demonstrate how to archive this?
It is possible. Easiest way is to use this package You can then proceed to create a modal, just like any other template and call Modal.show("myAwesomeModal"); from the click event of the image.
I could explain with some code, if you think you're stuck. But for the most part, the documentaion of the package will help.
I have to build a site like France24.com, There is a navigation on the left and two arrows on sides for scrolling to the sides. when you click on the arrows or one of navigation items , the related page (preloads) and appears without refreshing the page. How to do that? Is there any usable framework or sample for this?
Regards
After looking at the website, I see what you are trying to do. I see a way to do this, which is through a simple JQuery method load() ( http://api.jquery.com/load/ ). This behaves like get(), so on clicking the arrow, an event could be triggered where you can load another piece of HTML code in place of the one the user is currently looking at.
If you need dynamic content to load instead of a simple static HTML code, it's possible to achieve that by filling in the dynamic part into the HTML code that you want to load before actually loading it. A library that you can use to achieve something like this is React js, developed by FB. Good luck!