Month view not working as expected

tobeee commented 7 years ago

Hi guys - wonder if anyone can help or has experience similar issues. I've copied the plugin, and copied the demo html/controller into my app. However the month view seems quite bugged out - the month isn't showing, nor is the "Event Info" when I click on a date (nothing happens)

The day/week view are working fine however!

Markup is as follows:

<ion-view view-title={{viewTitle}}>
      <ion-nav-bar>
       <ion-nav-buttons side="right">
           <button class="button" ng-disabled="isToday()" ng-click="today()">Today</button>
           <button class="button" ng-click="changeMode('month')">M</button>
           <button class="button" ng-click="changeMode('week')">W</button>
           <button class="button" ng-click="changeMode('day')">D</button>
           <button class="button" ng-click="loadEvents()">Load Events</button>
       </ion-nav-buttons>
       </ion-nav-bar>
       <ion-content scroll="false" class="main-content">
           <calendar ng-model="calendar.currentDate" calendar-mode="calendar.mode" event-source="calendar.eventSource"
                     range-changed="reloadSource(startTime, endTime)"
                     event-selected="onEventSelected(event)" title-changed="onViewTitleChanged(title)"
                     time-selected="onTimeSelected(selectedTime, events, disabled)" step="30"></calendar>
       </ion-content>
   </ion-view>

kuldeep49291 commented 7 years ago

Now you are in Month view, it's working fine

tobeee commented 7 years ago

Nope - the individual cells dont click at all... seems like there is 2 absolutely positioned divs on top of each other which breaks the display. (as you can see, the events info is at the top of the calendar) Not quite sure how this has happened - have you seen anything like this before?

On Fri, Feb 17, 2017 at 7:56 AM, kuldeep kumar notifications@github.com wrote:

Now you are in Month view its working fine

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/twinssbc/Ionic-Calendar/issues/124#issuecomment-280580530, or mute the thread https://github.com/notifications/unsubscribe-auth/ABxI8A9bmaPQ8X-SUBmZtHnFwm7lazATks5rdVLDgaJpZM4MDTgJ .

-- Toby Green

twinssbc commented 7 years ago

@tobeee Looks like some css issue. Did you override some default css styles? Could you use Developer Tools to check why "No Events" div appears at the top?

tobeee commented 7 years ago

Yup it seems I had overwritten some Ionic CSS styles

On Fri, Feb 17, 2017 at 3:36 PM, twinssbc notifications@github.com wrote:

@tobeee https://github.com/tobeee Looks like some css issue. Did you override some default css styles? Could you use Developer Tools to check why "No Events" div appears at the top?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/twinssbc/Ionic-Calendar/issues/124#issuecomment-280682422, or mute the thread https://github.com/notifications/unsubscribe-auth/ABxI8OGaL26wuTymNkkM9y4Z0TLYZF3Zks5rdb6EgaJpZM4MDTgJ .

-- Toby Green

twinssbc / Ionic-Calendar

Month view not working as expected #124