search

mattlewis92 / angular-bootstrap-calendar

A port of the bootstrap calendar widget to AngularJS (no jQuery required!)
https://mattlewis92.github.io/angular-bootstrap-calendar/
MIT License
798 stars 369 forks source link

Day view event width 100% #592

Closed franklindner closed 7 years ago

franklindner commented 7 years ago

Bug description / Feature request:

First of all, great job on the component I have been able to achieve pretty much everything with it so far except this issue I have right now.

In my use case I can guaranty that there never going to be overlapping events so I want to show the event in the day view full width like this.

screen shot 2017-05-08 at 10 47 30

I can calculate the width but can't pass the value to the calendar directive as an attribute, only as a fixed value.

Solution would be to make the property more flexible allowing to pass both pixel and percentage values or convert it to an attribute so different values can be passed on run time.

Link to minimally-working plunker that reproduces the issue (starter template: http://plnkr.co/edit/g64GxS?p=preview

Versions

Angular: 1.6.4

Calendar library: 0.29

Browser name and version:

franklindner commented 7 years ago

Stupid me forgot to use curly brackets. This will work just fine.

day-view-event-width="{{dayViewEventWidth}}"