Skip to content
This repository has been archived by the owner on Jun 19, 2018. It is now read-only.

Events without time #349

Closed
Jeevanandanj opened this issue Jun 4, 2016 · 10 comments
Closed

Events without time #349

Jeevanandanj opened this issue Jun 4, 2016 · 10 comments

Comments

@Jeevanandanj
Copy link

I don't know whether this is a issue or not.

  1. Need to remove the time in event in month view.
  2. For the week view (I don't have time in the week view), the dates are aligned in different position, even if there is a space in the above line.
    1
    2
@mattlewis92
Copy link
Owner

1/ I can wrap the time in a span which you can hide with a CSS selector
2/ This is a limitation with the original calendars CSS and really, really hard to solve

@Jeevanandanj
Copy link
Author

  1. Thanks. It would help to design and hide. If you give any quick fix, that will help to apply in my application.
  2. If you solve this it would be so helpful. Check the overlay-ed events (where one or more events, starts in the same time and same date), that will give some idea.

@mattlewis92
Copy link
Owner

1/ You could override the slidebox template for now to remove the time.
2/ The problem is more with how the CSS works as each event is effectively its own row. If you don't use event end times you could use the calendarConfig.showTimesOnWeekView = true option.

@Jeevanandanj
Copy link
Author

  1. That's great to have this. Can we trick to using this same concept without time span in left and the time in the cards.

@mattlewis92
Copy link
Owner

Sorry I don't follow what you mean, a screenshot would help

@Jeevanandanj
Copy link
Author

Sorry I've mistakenly mentioned.

  1. Another bug is i found that,
    I've 3 cards in the same date with the same time.
    But I can see only the 3 rd card. All other cards are overlapped.
    (1-ImageSample)

1 - Image sample
image

@Jeevanandanj
Copy link
Author

Jeevanandanj commented Jun 7, 2016

You are generating the same style for arranging events which is time frame based week view.

The css are not affected the events. Doing calculation to set top and left px for the events, deciding the position of the events.

So doing change in calculation to display events in the week view, We can get the events without space in the week view.

Please check the following image..

image

@mattlewis92
Copy link
Owner

I get around this at work by grouping events on the week view together by the start date like this:

screen shot 2016-06-07 at 09 17 58

Then I use the on-event-clicked callback of these grouped events to switch to the day view and scroll to the time that was clicked

@Jeevanandanj
Copy link
Author

Jeevanandanj commented Jun 7, 2016

Thank you. Did you check my previous post?
I've notice that you are using the same css for the timespan events and the events without timespan.
I think,
Only the difference is the calculation for the event to find for absolute position.
I think if we concentrate on that part, we may fix this.
But we can have with enable and disable option.

I have in another work so can't concentrate now on this.

Thanks for your wonderful plugin

@deepmirchandani
Copy link

SOLVED---------------------------
Just change below line in angular-bootstrap-calendar-tpls.min.js. OR angular-bootstrap-calendar-tpls.js

function monthView(event) {
//return event.title + ' (' + calendarDateFilter(event.startsAt, 'time', true) + ')';
return event.title;
}
YOU CAN CHANGED CODE IN ALL VIEW INSTEAD OF function monthView

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants