add columns in the same day

[ejmoedgardo]

I would like to know if there is the possibility of adding a functionality to the Flutter package, of placing 2 or more columns on the same day... As for example, I attached the photo

For example, it can apply to some appointments, and there are two or more rooms on the same day

[samderlust]

@ejmoedgardo which Dayview are you using? Are you using calendar_day_view?

[ejmoedgardo]

in_row_day_view_tab

[samderlust]

@ejmoedgardo Could you provide some example code? InRowCalendarDayView if the events are happen in same time range, i would be place next to each other. You can look at the example page

[samderlust]

@ejmoedgardo I see that your photo looks like a weekview rather than a DayView. which is not this package's purpose did you try https://pub.dev/packages/calendar_view

[ejmoedgardo]

Yes, I saw it and it's excellent, I just need to have the appointments in separate columns

For example: https://fullcalendar.io/docs/vertical-resource-standard-demo

[samderlust]

@ejmoedgardo I see what you're trying to do now. Currently the package doesn't support group by colum/ type. But for a work around you can try to use timeRowBuilder instead of itemBuilder in InRowCalendarDayView take a look at this code:

 child: InRowCalendarDayView<String>(
            timeRowBuilder: (context, constraints, p2) {
              return Container(
                constraints: constraints,
                child: Row(
                  children: [
                    Container(
                      width: constraints.maxWidth / 4,
                      color: getRandomColor(),
                    ),
                    Container(
                      width: constraints.maxWidth / 4,
                      color: getRandomColor(),
                    ),
                    Container(
                      width: constraints.maxWidth / 4,
                      color: getRandomColor(),
                    ),
                    Container(
                      width: constraints.maxWidth / 4,
                      color: getRandomColor(),
                    ),
                  ],
                ),
              );
            },
.....

You will have to manually place event into according column

[ejmoedgardo]

Thank you very much... it helped me... now I have to find a way for each box to detect the onclik, and know what time it is positioned, in order to assign the appointment