| Issue 490: | Resource View (vertical, multiple columns per day) | |
|
102 people starred this issue.
Comments by non-members will not trigger notification emails to users who starred this issue. |
Back to list |
It would be nice to manage several users on week/day view using seperated columns. I've started to implement this functionality. (Fork: http://github.com/calendarlover/fullcalendar) This first commit only contains small updates, and a example file (multi-users.html) The all-day mode seems incompatible with this kind of view, hence it has to be disabled to allow multi-user mode. TODO: - Fix overlapping bug which occurs when two events are displayed in the same time but for different users - Add callback on drop to enable/disable move between different users with eventually an update of event.userId - Add filter system to mask/unmask quickly specific user columns - Handle short names in case of long usernames (quickfix could be using css: overflow:hidden) If you want to implement some of these methods please let me know as for now I have to stop for a while the developpement of this feature.
Jul 5, 2010
Project Member
#1
adamrs...@gmail.com
Jul 5, 2010
(No comment was entered for this change.)
Summary:
Multiple columns per day
Oct 7, 2010
(No comment was entered for this change.)
Status:
Maybe
Mar 2, 2011
Have you got an online sample ?
Apr 2, 2011
(No comment was entered for this change.)
Summary:
Resource View (vertical, multiple columns per day)
Apr 2, 2011
sort of like the "Multiple Resource View" example on http://www.dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml
May 5, 2011
Thought I'd give this issue a bash too. This project will be my first foray into the world of JavaScript, just to set expectations...
Not quite sure how to show the resource list yet so it's kinda just rendered at the top of the calendar to show which resource corresponds to which colour. Very simple at the moment.
I'm defining the input as follows:
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'resourceDay,month,agendaWeek,agendaDay'
},
editable: true,
resources: [
{
id: 1,
name: 'Joe Bloggs',
color: 'red'
},
{
id: 2,
name: 'Alan Black',
color: 'blue'
},
{
id: 3,
name: 'Robert White',
color: 'pink'
}
],
events: [
{
title: 'All Day Event',
start: new Date(y, m, 1),
resourceId: 1
},
{
title: 'Long Event',
start: new Date(y, m, d-5),
end: new Date(y, m, d-2),
resourcId: 1
},
{
id: 999,
title: 'Repeating Event',
start: new Date(y, m, d-3, 16, 0),
allDay: false
},
{
id: 999,
title: 'Repeating Event',
start: new Date(y, m, d+4, 16, 0),
allDay: false,
resourceId: 1
},
{
title: 'Meeting',
start: new Date(y, m, d, 10, 30),
allDay: false,
resourceId: 3
},
{
title: 'Lunch',
start: new Date(y, m, d, 12, 0),
end: new Date(y, m, d, 14, 0),
allDay: false,
resourceId: 2
},
{
title: 'Birthday Party',
start: new Date(y, m, d+1, 19, 0),
end: new Date(y, m, d+1, 22, 30),
allDay: false,
resourceId: 3
},
{
title: 'Click for Google',
start: new Date(y, m, 28),
end: new Date(y, m, 29),
url: 'http://google.com/',
resourceId: 3
}
]
});
Doing this in my spare time so I'll probably take ages to get anywhere. Input welcome, though.
May 9, 2011
Very nice so far, do you have some working code?
May 9, 2011
I've based my new view on the 'Agenda' code, so it'll take a while for me to get something that works correctly 'out the door' as it were. I hope to start committing what I have so far to a branch on github over the next few days. If you've got any suggestions from what I've posted so far, please let me know!
May 17, 2011
Hi, if I understood the threads correct you are working on a resource view implementation. We are also looking for a nice resource view for a long time. I think it is more practial to have a vertical tree of all resources. Attached find a screenshot. What do you think?
May 17, 2011
Hi, I think both approaches are valuable, depending on your situation. The Horizontal Resource view is out of scope for this enhancement - I think there may be another ticket open for it? If I get the vertical resource view I'm working on released I may look into the view you mentioned next, but this may be a larger project as the view would have to be written from scratch essentially. Thanks, Paul
May 20, 2011
Issue 962 has been merged into this issue.
May 23, 2011
Hi, Paul, could you add your current code? You did a great job, I really want to involve into this solution but I don't want to start from scratch. Regards.
May 23, 2011
I wuld like to involve too! Could you post the code, please?
Jul 12, 2011
I would really like this as well. has there been any progress on this? Even if it is beta code, I would be very interesting in helping.
Jul 19, 2011
Issue 1026 has been merged into this issue.
Jul 25, 2011
Ok, now it is becoming critical that I get this code. Even if it is in beta format, I can help. I just need the starting point.
Jul 25, 2011
Hi Guys, Code is now on my github page - https://github.com/PaulAik/fullcalendar. I didn't really want to commit it this way as it's not branched properly (was going to do it properly but have had 0 time). Please treat this code as alpha throwaway code... ! I hope to get back to this in the coming weeks, I'll post back here with any further progress. Demo can be seen by running the agenda-views.html file... feedback welcome. Cheers, Paul
Aug 8, 2011
Hi everybody, I've been doing some "research" for my current project, basically just to see if FullCalendar fits our needs. This is based on Paul's code (thanks for that!) and resolves some drag&drop issues and other stuff to get a pretty much working demo. Code is super alpha, as said: just a demo! Any feedback is appreciated! http://sandbox.buero-fuer-ideen.de/fullcalendar/demos/external-dragging.html http://sandbox.buero-fuer-ideen.de/fullcalendar/demos/agenda-views.html (I removed the resources list because I don't need that feature, this can of course be undone)
Aug 22, 2011
Hi, Re multi-resource display in FullCalendar, the model provided by Paul is great. Just what I needed for "day" view mode. Thanks. Additionally, to fully support multiple resources for my particular project, I also need to support multi-resource display in "week" view. What I think it will look like is that the time increments grid will not display in week view if multiple resources. Mock-up attached. I'm going to have a try at getting this display working for my project, any suggestions about cleanest approach to required code modifications for this would be greatly appreciated!
Sep 1, 2011
Paul, Downloaded the code from github, installed/expanded it, and tried to get the demo to work with no success. Do you have a demo codebase that works out-of-the-box? I'm about 25% into coding this myself and would love to be able to see how you "did what you did." Bill
Nov 4, 2011
Hi! I saw the demo in my computer. However, currently this features stable?
Nov 4, 2011
@nikolas, this is exactly what I need at the moment, is there any way you can post your working code?
Nov 5, 2011
Sure, you can fork the code from github at https://github.com/buero-fuer-ideen/fullcalendar But please remember: this is really in alpha state, so there definitely are some bugs. As I stated in my posting above, we've been in the process of making a decision whether or not to use the fullcalendar for our current client project when I posted that demo. Eventually, we decided to go with fullcalendar and made some other changes to it - but the "resource view" feature remained mainly untouched and is working like a charm. However, you might experience some problems if you use a setting different from ours. For example: There is a problem if you have the "selectable" option activated (see http://arshaw.com/fullcalendar/docs/selection/selectable/), but Deepti from the Avyakta Research Labs has been working on this. I've attached the files he made changes to as I didn't already merge this into my code.
Nov 5, 2011
Awesome! Thank you, I hate to here that there is a bug with selectable, because I do happen to be using it at the moment, keep us informed on the progress though
Nov 29, 2011
Here's my approach for this matter. It must be tested better, but at least it's a start: https://github.com/jarnokurlin/fullcalendar/ demo can be found from here: http://tux.fi/~jarnok/fullcalendar/demos/resourceView.html
Nov 29, 2011
Next I'm gonna implement resourceDayView and after that I'm going to do a pull request and see if arshaw is interested.
Nov 30, 2011
Hello, I've tried the resource view posted by Nikolas and it looks really nice. I would like to know if it's possible to make the resource horizontally scrollable (if you have a larger number of resources, I don't want them to fit the display width but rather to have a fixed, decent width and be able to scroll horizontally the calendar). How should I handle this? Thank you.
Nov 30, 2011
That should be an easy thing to do if the number of resources is fixed. You just compute the width the calendar needs to have to get columns with the desired width - e.g. if you want your columns to be 200px and you have 5 of them, the whole calendar needs to be 200*5 = 1000px (plus some extra pixels for that column with the times on the left). Then just put this calendar instance in another <div> that is as wide as you want the whole thing to be and set it to "overflow: scroll;".
Nov 30, 2011
Thank you for such a quick response! I was setting the overflow property inside the 'fc-view fc-view-resourceDay' div an it didn't render ok. The number of resources is dynamic, but i quess I can just multiply a fixed width with the number of resources, when I send the view to the browser. Best regards.
Jan 18, 2012
can u provide me sample code for multiple resources view ?
Jan 23, 2012
Thank you for the script, but i have a quation: where is the css f.-sat and .fc-sut please help!
Feb 8, 2012
I am using Paul's approach (https://github.com/PaulAik/fullcalendar) for calendar, using agenda day view on resource basis (resourceDayView). When "selectable" is enabled and use dayClick callback, the date it returns is based on the column offset. This means 1 day later if clicking on the second column/resource, 2 days later for 3rd, etc. There is a workaround for this (manipulating the view object instead) but it is necessary to have the resource id also (which has the same side effects). Is there any thoughts on how to fix the offset on column select?
Mar 8, 2012
I have done a fork of https://github.com/PaulAik/fullcalendar and added the following changes - merged in the changes from https://github.com/buero-fuer-ideen/fullcalendar - merged in selectable changes by Deepti from the Avyakta Research Labs - Added support for adding and removing resources to resource view via ajax (works like addEventSource, removeEventSource) - Modified the resources demo to show adding resources via ajax - Fixed a drag and drop bug when using jquery 1.7 You can get it here: https://github.com/AbleTech/fullcalendar
Mar 8, 2012
Great work! Any chance you could do a pull request and I'll update my copy? Cheers, Paul
Mar 8, 2012
@PaulAik done.
Mar 19, 2012
@Paul & @joseph, You guys both have done great work. I have Joseph's abletech resource day but i would like to incorporate Paul's resource week. I cant seem to find Paul's resource week code on his github page. Anychance, joseph, you might incorporate Paul's resource week code in your package? Thanks, Nick
Mar 20, 2012
@nbrown I am not sure what you mean. I have not changed Paul's Agenda Week view changes so it should still work as it did. Do you mean the changes to allow adding and removing resources? If so you can fork the code and implement that.
Mar 21, 2012
@joseph, I ended up referencing the wrong calendar. I was looking at Jarno Kurlin's which has a resource view with a swapped axis. Sorry I was wondering, however, about the possibility of a resource week view. Just like the day view, but it would probably have to be condensed. I'm not sure how feasible it would be to add multiple days to but maybe something like this: http://imgur.com/BtUB6 It might be a little cluttered or maybe it should/could be cut to 4 days, but my point is having the resource day view for multiple days.
Mar 21, 2012
@nbrown OK I understand what you mean. You want columns for each resource under each day. To be clear I do not have a deep understanding of how fullcalendar works. I just hacked the bits I needed to in order to get adding and removing resources to work. However I think that your week resource view would be a lot of work to implement. From what I can tell all the views extend from a basic view. One of the limitations of the basic view is that there is one header row for the whole view. You would require a second header row that repeats for each column. I am not sure how you would do that.
Mar 22, 2012
@joseph I'm pretty much hacking bits and pieces as well. Haha, huge kudos to those adam shaw and those others who continue to develop this calendar.
Mar 30, 2012
@joseph Cant change the event color through event object options anymore? Any idea why?
Apr 1, 2012
@nbrown The color is set via the resource not the event. Look at the demo to see an example https://github.com/AbleTech/fullcalendar/blob/master/demos/agenda-views.html
Apr 3, 2012
@joseph, I noticed that. I was hoping to have a color for an event type and not just colors corresponding to resources only. Like having a common event type that would be a specific color for all the resources. Is there a work around to this? I tried adding a className to the event and coloring through css, but that didnt take either.
Apr 3, 2012
Just found it in the Utils.js. There is a function called 'getSkinCssWithResource' That takes only the resource color for the event Background, border and text color. I havent tested it yet, but if you change the var backgroundcolor(etc) like in the original 'getSkinCss' function should be able to handle overriding an event's background with event.color/backgroundColor. I think this would be useful for someone trying to make a special event or cross-resource event.
Apr 4, 2012
Checked. It works. Just need to prioritize coloring order. If you want resource to take priority, put it first. If you want it to be the last color option, put it last in the list. Need to add 'opt' to method header and where the function is called.
Apr 9, 2012
@joseph, There seems to be a bug in your version in the resource view, where the dayClick event is sending the wrong day. All resources are from the same day, but it seems that for each resource it is returning a different day. Hmm..
Apr 12, 2012
@jiff I am not quite sure what you mean. Do you mean that you go to 01 April 2012 and it gives you events from 02 April 2012 or are they random dates? Are all the events from the same day? If this is the case then you may be having an issues with your time zone. Please make sure the date is in IETF format see http://arshaw.com/fullcalendar/docs/event_data/Event_Object/ If this is not the case than can you provide some more details and an example.
Apr 16, 2012
@joseph
When you switch to resource view, all calendar events are displayed correctly, that's fine. But I'm using a callback so that when a user clicks on a cell, a lightbox shows up to let the user create a new event. You can define a dayClick event to handle that. The problem is that the date parameter is not sent correctly when in the resource view. Notice it is correct in the other views (day, week, month).
Try a fullcalendar with:
dayClick: function(date, allDay, jsEvent, view) {
alert(date);
},
Apr 24, 2012
@Jiff
I just ran into this problem as well.
To get around this, i just callend the fullcalendar('getDate'); inside the dayClick function which returns the correct date. Hope this helps.
Apr 25, 2012
I have a working resource view. I took the code from here: http://www.ikelin.com/jquery-fullcalendar-resource-day-view/ It works fine but it has three problems: -> I cannot add sources of resources. Just like I add eventSources in case of event events. -> No methods for addResourceSource and removeResourceSource just like addEventSource and removeEventSource in case of events. In fact I want to change the resources on certain actions of the user and I don't want to re-load the page to show changed resources. If anyone have a copy of resource view that meets these requirements, please let me know. Thanks
Apr 26, 2012
@adi Check out Joseph's tweaks here: https://github.com/AbleTech/fullcalendar You can add resource sources just like the addEventSource. He has some good demos in there too.
Apr 27, 2012
Anyone know of a fork with a ResourceWeekView?
Jun 5, 2012
Is there any move in order to incorporate this new feature to Adam's original fullcalendar?
Jun 11, 2012
Does someone khow how to make a min file from source? I've found implementation of multi-resources by Ike Lin, but dont know how to compile it.
Sep 27, 2012
Hey guys, in ResourceDayView in a dayClick event handler how can I get access to the resourceId ?
Sep 27, 2012
as a trial I amended the file ResourceView.js like so:
in function slotClick() I changed the trigger callback to read
trigger('dayClick', dayBodyCells[col], date, false, ev, resources[col]);
Is this the best way to do it? I am no fan of hacking the source if there is an already built in way to achive this.
Thanks!
Sep 28, 2012
I think i ended out going with the select function for dayclicks. Probably because of this issue, but it works just as well.
select: function(start, end, allDay,ev,res) {
Oct 9, 2012
guys, I'm really interested in this project. Especially, the additional resource view feature. However, is it possible to implement the external dragging in the resource view?? I try to merge the resource view with the external dragging demo but it does not work. I found that when I drag an event box on the resource day calendar. It cannot indicate the resource to drop an event. Any suggestion?
Oct 9, 2012
If you are referring to my resource views, latest build supports external events.
Oct 9, 2012
Thank you Jarno!
I have tried the updated code as you mentioned, I can now drop object outside the calendar and it returns the proper resource group.
But, the external event cannot stick on the resource view calendar. Below is my source code, please suggest if I did something wrong.
drop: function( date, allDay, test3, test4, resource ) {
var originalEventObject = $(this).data('eventObject');
var copiedEventObject = $.extend({}, originalEventObject);
copiedEventObject.start = date;
copiedEventObject.allDay = allDay;
$('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
if ($('#drop-remove').is(':checked')) {
// if so, remove the element from the "Draggable Events" list
$(this).remove();
}
alert('event moved to '+resource.id +allDay);
Oct 9, 2012
OK, I have tried to render the date manually and found that I did not specify the end time. Here's the code that I inspect this problem.
drop: function( date, allDay, test3, test4, resource ) {
calendar.fullCalendar('renderEvent',
{
title: 'test',
start: date,
end: 'Wed OCT 10 10:30:00 UTC+0700 2012',
allDay: false,
resource: resource.id
},
true // make the event "stick"
);
},
Oct 9, 2012
In your first example you did not specify resource id for event. Endtime is optional. The code should be like this:
drop: function( date, allDay, test3, test4, resource ) {
var originalEventObject = $(this).data('eventObject');
var copiedEventObject = $.extend({}, originalEventObject);
copiedEventObject.start = date;
copiedEventObject.allDay = allDay;
copiedEventObject.resource = resource.id;
$('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
if ($('#drop-remove').is(':checked')) {
// if so, remove the element from the "Draggable Events" list
$(this).remove();
}
alert('event moved to '+resource.id +allDay);
}
Oct 9, 2012
Sorry for spam :)
Oct 13, 2012
Hello jarno, Thanks for your help, the drag and drop is now working. During the test, I found one issue on drag and drop feature. In the resource view, if you accidently drop the external object to the area outside the calendar. The user will not able to drag the external object again due to some error. However, I also test this with the day/month/year view but the user still can drag the object. I have sent the source code to your mailbox which can replicate this problem easily with the step below: 1. copy the attached source code to "demo" directory. 2. open resource resourceDragView2.html 3. In any resource views(resource day/ resource week/ resource month) , try to drag the external object to the area outside the calendar. 4. The problem will occur. Cheers,
Oct 31, 2012
The problem about displaying multiple columns per day is the bad readability. I had an idea in order to display multiple resources in one calendar. Imagine we need to show activities of an office for 4 or 5 consultants in one page. Here is what could be done relatively easily: * Render one Fullcalendar per resource (consultant) * Visually stack all of them * Make only one editable/active * Display others behind position shifted, opacity decremented and without the grid * Allow cycling the active calendar for example with mouse wheel or from a <select> value What do you think ?
Nov 1, 2012
Hi guys this looks exactly what I could use. Which GitHub repo has the latest "resource" added bits? Thanks!
Dec 12, 2012
Hello Jarno, I try to apply the resource view with the external dragging. The external dragging works fine. Unfortunately, when I try to put the resource view calendar and external dragging in the same table as shown below: <table> <tr> <td><div class="external dragging"></td><td><div id='calendar'></div></rd> <tr> <table> It seems that I cannot drag the external event to the calendar properly (I see that the calendar cells are shifted when I try to drag the external event on it). Would you please advice is it the issue or any workaround for this? Thanks you so much!
Feb 15, 2013
Hy, how can i update the dayClick function. How can i get the Resource ID, when i click on the Resource Column in the ResourceDayView?
Apr 29, 2013
I need this Resource View too. When it will be a part of Full Calendar? Which one i should follow till this developed as part of Main code maintained by Adam?
Apr 30, 2013
Hi All, Just letting you know that I have merged the latest changes in https://github.com/arshaw/fullcalendar into my ResourceView fork. You can get it at https://github.com/AbleTech/fullcalendar. Follow the instructions in the README to build it and have a look at the demos to see how it works.
May 28, 2013
I want to add external event on resource view I changed http://dispatchhero.com/ajay/ib_soft-fullcalendar/demos/resourceView.html into http://dispatchhero.com/ajay/ib_soft-fullcalendar/demos/demo1.html Can we add external event on demo1.html
May 30, 2013
@josephleniston
Ive got my resource view working fine,
events: '/Schedule/GetEvents',
resources:[
{
name: 'Resource 1',
id: 1,
color:'red'
},{
name: 'Resource 2',
id: 2
}],
However does resources: support a Get json? (as it does not seem to fire?)
events: '/Schedule/GetEvents',
resources:'/Schedule/GetResources',
public JsonResult GetResources()
{
var model = new Models.ScheduledResource()
{
id = "1",
name = "Resource"
};
return new JsonResult() { Data = model, JsonRequestBehavior = JsonRequestBehavior.AllowGet };
}
Sorry, new to all this.
May 30, 2013
@david If you want to add a new resource you can use the addEventResource method. To remove you call removeEventResource. Theses will take JSON formatted resources like you privided to the resources method. If you want to dynamically add resources then you need to write your event driven code and pass your updated resources to fullcalendar. I hope this answers your question.
Jun 26, 2013
@josephleniston
How do I get the resourceId for when clicking on day\resource view?
$('#calendar').fullCalendar({
dayClick: function (date, ??resourcesId??) {
alert(??resourcesId??);
}}
Jun 27, 2013
I'm pulling the resource ID from the select portion where i set up the calendar:
$(cal).fullCalendar({
select: function(start, end, allDay,jsEvent, res){
res.id;
I think i had to do it this way because DayClick does not include the resource id. So unless you want to edit the fullcalendar.js, you might have to go this route. But you still get the date and times from the start/end. I think if i needed anything outside of that area i stored some of the info in a global variable for access elsewhere. That may also help you.
Jun 28, 2013
Above "select:..." add this line: selectable:true, You may also need to add the jquery ui js files. jquery.ui.selectable.js, resizeable, etc. I think he mentions it in the API for Fullcalendar in the select portion. http://arshaw.com/fullcalendar/docs/selection/
Jul 2, 2013
Thanks, but I dont want users being able to select an area, any other ideas?
Jul 2, 2013
Confine that requirement inside the select function or edit the fullcalendar.js file where dayClick is located and somehow add the resource object.
Jul 16, 2013
Hello Friends, I am using multiple resource view. Now when I create any event for any resource, how do I get the resource ID,Name in select function?
Jul 16, 2013
$(cal).fullCalendar({
select: function(start, end, allDay,jsEvent, res){
res.id;
res.name;
Jul 17, 2013
Thank you for help. But, I am still getting 'undefined' value. I got code in which it returns resource id, but they have taken resources vertically and time horizontally. In my case resources are horizontal at top and time is given vertical. I am getting resource id while drop event, but not getting in select event. Please help me out.
Jul 27, 2013
@josephleniston It seems that in this last update you did, the resources colors stop working. Now all events are blue. Am I missing something? thanks
Aug 9, 2013
How To Freeze Resource panel in full calendar .
Aug 13, 2013
(No comment was entered for this change.)
Status:
Accepted
Labels: Type-Feature
Aug 15, 2013
Issue 1425 has been merged into this issue.
Aug 15, 2013
Issue 1369 has been merged into this issue.
Aug 18, 2013
Issue 1581 has been merged into this issue.
Aug 24, 2013
Issue 1789 has been merged into this issue.
Aug 24, 2013
Issue 1806 has been merged into this issue.
Aug 27, 2013
What about external event ?
Sep 1, 2013
Hello Friends Looking for event multi-color depending on status got for event from database, not depending on resource color. While passing json that time only I want to set different color for events in ajax file. But it does not reflect color parameter for events. Plz help.
Sep 7, 2013
cevent.className = "fc-event-" + ((FilmAppBL.Application.StatusType)Convert.ToInt32(dr["Status"])).ToString().ToLower();
there is data base field.. status we can mrg in our status class creted in .css File
like
:
/fc-event-new
{
color:blue;
}
any thing you define will appeare in event color
Sep 10, 2013
I have some questions about how to use the Joseph's AbleTech resource view. Maybe somebody can help me: 1-When using a function to load events into the calendar (via the events option when a date or a view changes), can I somehow load a different list of resources and had it out to the callback function to refresh the resources in view? I may have different resources available depending of the date. 2-If what I want to do in question 1 is not possible, I was thinking about going through the list of resources in the event function and adding or removing resources using addEventResource and removeEventResource. What is the most efficient way to do this: before or after calling the callback with the list of recently loaded events? 3-I see now that there is a method called "setResources". Can I use that one to refresh the list of resources? 4-There is also "getResources" and "clientResources". Can I use any of those to get the current list of resources in the calendar? Thank you for the great work and thanks in advance for your help.
Sep 16, 2013
Is there an easy way to get the current date as the last day in the resource view when the number of weeks displayed on the screen are 4.
Right now I am making it work through the function render(date, delta).
function render(date, delta) {
var weekends = opt('weekends');
if (delta) {
addDays(date, delta * (opt('numberOfWeeks') * weekends ? 7 : 5));
}
var start = addDays(cloneDate(date), -((date.getDay() - opt('firstDay') + weekends ? -1 : 6) % weekends ? - 1: 6));
var end = addWeeks(cloneDate(start), opt('numberOfWeeks'));
var visStart = cloneDate(start);
var visEnd = cloneDate(end);
if (!weekends) {
skipWeekend(visStart);
skipWeekend(visEnd, -1, true);
}
t.title = formatDates(
visStart,
addDays(cloneDate(visEnd), -1),
opt('titleFormat')
);
t.start = start;
t.end = end;
t.visStart = visStart;
t.visEnd = visEnd;
renderBasic(getResources.length, getResources.length, weekends ? opt('numberOfWeeks') * 7 : opt('numberOfWeeks') * 5, false);
}
Oct 6, 2013
Issue 2000 has been merged into this issue.
Oct 27, 2013
Hi everyone, I have forked AbleTech's repository and I have prepared a basic version supporting a week view with multiple resources in a vertical display. It's still buggy, but it might help someone :).
Oct 27, 2013
Oh no, I forgot the link. Here it is: https://github.com/iox/fullcalendar/tree/week_resource_view
Nov 20, 2013
<link href='../build/out/fullcalendar.css' rel='stylesheet' /> +<link href='../build/out/fullcalendar.print.css' rel='stylesheet' media='print' /> +<script src='../build/out/jquery.js'></script> +<script src='../build/out/jquery-ui.js'></script> +<script src='../build/out/fullcalendar.js'></script> In build/out folder there is no such files.I cant run and view the calendar.
Nov 20, 2013
You have to build your own copy. Follow the steps detailed in the Readme document. Post here again if you have specific doubts. I'll try to help.
Dec 2, 2013
how do I get the resource ID on resourceDay view select function?
Dec 2, 2013
If you are referring to my fork, currently I can only print the events in the proper place and change the times. Getting the resource ID does not work yet :S. If you feel like it, please fork the repository and try to hack it, it should not be very hard. Regards, Ignacio
Dec 3, 2013
http://tux.fi/~jarnok/fullcalendar-resourceviews/ I tried using above resource calendar ,I want to change width height of all td when i change css to below ,All events position get change is there any way in .js while which i can change to get work?? table.fc-border-separate { table-layout: fixed; } and then with: table.fc-border-separate, table.fc-border-separate.fc td, .fc th { width: 91px !important; height: 50px !important; }
Feb 24, 2014
Hello, I used (https://github.com/PaulAik/fullcalendar) code for Resource View and it had a problem. When I changed the resourceId in events of all day appointments, it is not changing its position to correct resource. Also, can we move all day section at the bottom area? Kindly help me here as I need it to be fixed urgently. Thanks in advance
Apr 16, 2014
Hi, I've got a Resource View Calendar from: https://github.com/AbleTech/fullcalendar which worked fine and shows Resources in columns perfectly. What I need is to show all the Dates of the Month in the left column exectly the same way (in two slots). So it would be a "Resource Month view" but with a different layout. I tried it out by making some changes in the "src/resources/ResourceView.js" file but unable to succeed. Can anybody please help me out regarding this. Attached is the image of the desired layout. Thanks in advance.
Jun 3, 2014
Hi all, Hi Adam, any news concerning this issue? I read the thread and as I can see we have several quite nice solutions, but scattered in different forks. @Adam: I would really appreciate having an integration of one of these solutions into your calendar and vote for the resource week view. :-) Comment #43 of nbrown would fit the needs exactly. Also solution in fork iox mentioned in #119 of igna...@ihuerta.net is very suitable. Are you going to schedule it for fullcalendar-2.x or v1.7.x or even v1.6.x? kind regards Patrick P.s. Meanwhile, is it possible to have a quick way to have a "similar" behavior like columned events per day by avoid floating-positioning of events?
Jun 3, 2014
P.s.s. a bit like slotEventOverlap = false...
Jun 7, 2014
Issue 2021 has been merged into this issue.
Jun 7, 2014
Issue 2072 has been merged into this issue.
Jun 7, 2014
Issue 2072 has been merged into this issue.
Jun 7, 2014
Issue 2108 has been merged into this issue.
Jun 7, 2014
Issue 2113 has been merged into this issue.
Jun 7, 2014
Issue 2126 has been merged into this issue.
Jul 12, 2014
A working example would be great, I'd love to see this in a service application like service vehicle trucks per area, or sales people per zone. +-----+-------------------+--------------------+-------------------+ | | Monday | Tuesday | Wednesday | +-----+-------------------+--------------------+-------------------+ | RSC | TRUCK 1 | TRUCK 2 | TRUCK 1 | TRUCK 2 | TRUCK 1 | TRUCK 2 | +-----+=========+=========+==========+=========+=========+=========+ |8AM | Place 1 | ****** | ****** | ****** | Place 1 | Place 2 | +-----+ ---------+--------------------+ + |9AM | | Place 2 | Place 1 | ******* | | | +-----+---------+ +--------------------+---------- + |10AM | ***** | | Place 2 | Place 3 | Place 3 | | +-----+-------------------+--------------------+-------------------+
Aug 25, 2014
Hi all, Hi Adam, I am a new to use full calendar, Can any One suggest me for the achieve Annotations on Resource Day View ! Thanks In advance.. Hoping a solution soon..
Sep 5, 2014
Hi Arshaw, Is there any update regarding this issue? Thanks,
Sep 16, 2014
Hi, I have download zip from Jarno git hub but I hav some problems with demos... demos don't work! Problem is on a build/out folder that isn't in package... Someone have solution for trying this demo?
Sep 19, 2014
Worth taking a look at http://www.seankenny.me/blog/2014/08/11/fullcalendar-with-a-resource-day-view-v2-0-2/ as it seems to do what many people are asking for
Nov 15, 2014
Issue 2353 has been merged into this issue.
Nov 20, 2014
Hi, The full calendar is working fine but i have a requirement to invert the axis. That is, day axis should come to left and time axis should come to top. how to achieve this? kindly help me. similar to comment #129
Feb 9, 2015
Issue 2429 has been merged into this issue.
Feb 9, 2015
Note to self: should consider the ability to do multiple resource columns in a basic view
Feb 11, 2015
This is a reply to the blog comment about timelines. Our need is a vertical resourceview for persons/ resources for one day, see images. Compared to other feature requests for resources, I think this one is quite simple.
Feb 21, 2015
(No comment was entered for this change.)
Blocking:
fullcalendar:2405
Mar 4, 2015
Hello, Greet Job guys, waiting for the release. ^_^ Additional suggestion it would be nice if we can configure the title (Header). For example add an image thumb or a button for additional actions.
Mar 31, 2015
Hello, can we freeze the first column that is timeline column in resource view fullcalendar while scrolling horizontally.
Jun 10, 2015
Hi everyone, I just published my solution for this issue at https://github.com/mherrmann/fullcalendar-columns. It currently does not allow labels but has the advantage that it is *not* a clone of FullCalendar, so you have more freedom to use it with a FullCalendar version you like. It's very basic at the moment but feature requests are welcome! M
Jun 16, 2015
Sorry but it does not work with fullcalendar version 2.3.2, but made it work with 2.2.5. Please make the labels work and make it selectable. That would be great, I think this feature is more important than the new gantt view. Keep up the good work...
Jul 1, 2015
i want divide my day screen into two part. 1.that will show time 12am to 12 pm as a day 2.that will show time 12pm to 12 am as night shift how i can create two view in single screen.please help me friends
Aug 25, 2015
As some of you may have heard, FullCalendar "Scheduler" was recently released, which includes a *horizontal* resource view. For more info, read the blog post: http://blog.arshaw.com/1/post/2015/08/scheduler-released.html However, the feature described in this ticket, a *vertical* resource view, has not been implemented yet but is a high priority (and will be included in the premium Scheduler add-on in the near future). Google Code is shutting down, so I am being forced to move this discussing to Github, but can you please SUBSCRIBE to the following ticket to receive further notifications about development? https://github.com/fullcalendar/fullcalendar-scheduler/issues/5 Thanks!
Status:
ExportedToGithub
Nov 15, 2015
Despite this issue tracker being closed, I would like to announce that a beta version of this feature has been released. Please see my comments on the Github issue tracker: https://github.com/fullcalendar/fullcalendar-scheduler/issues/5#issuecomment-156887295 PLEASE comment on the Github ticket and DO NOT comment on this ticket, thanks!
Nov 30, 2015
released! https://github.com/fullcalendar/fullcalendar-scheduler/issues/5#issuecomment-160853013 (please do not leave comments on this issue tracker, it has been abandoned)
Feb 25, 2016
Hi, Can somebody give me the code or atleast guide me how to get this view in the latest plugin of full calendar. |
|
| ► Sign in to add a comment |