Skip to main content

I would like to remove the left and right arrow form the skuid calender month view. I am just showing only current months events and not interested that user clicks previous or next month. How can we achieve that?

Use CSS and the class’s of the arrows to set display: none;


Can you give me little more idea. in the xml view for Calendar I can see <eventview = month…
where should I place the css class?


Give you calendar a CSS class (in my case it’s “calendar-only-month”) and add following inline-css to your page:


.calendar-only-month .nx-cal-header-icon {&nbsp; &nbsp; <br>&nbsp; display: none !important;<br>}

Thanks, 
That helps a lot. i did find the element with the class name and made display= none in inline script