+ Start a Discussion
harry.kimharry.kim 

How can I change the fullcalendar theme?

hello.
I am using fullcalendar 3.9.0 in lightning component.
I want to change the themesystem to bootstrap4 with the theme name to Spacelab like below.

User-added image
So, I loaded some related stylesheets..
 <ltng:require styles="{!join(',',
                          $Resource.fullcalendar390     + '/fullcalendar-3.9.0/fullcalendar.css',
                          $Resource.bootstrap4     + '/css/bootstrap.css',
                          $Resource.fontawesome5css     + '/css/all.css'
                          )}"
and created a fullcalendar with a option like this.
themeSystem: 'bootstrap4'

But, Every part of the screen affected and It was not applied properly.

User-added image


How can I do this? T.T
Raj VakatiRaj Vakati
Refer this link 

Looks like are not loading js files 
https://rajvakati.com/2018/05/29/fullcalendar-io-lightning-component/
harry.kimharry.kim
No, I already had loaded js files..
                       scripts="{!join(',',
                           $Resource.fullcalendar390  + '/fullcalendar-3.9.0/lib/jquery.min.js',
                           $Resource.fullcalendar390  + '/fullcalendar-3.9.0/lib/moment.min.js',
                           $Resource.fullcalendar390  + '/fullcalendar-3.9.0/fullcalendar.js',
                           $Resource.bootstrap4  + '/js/bootstrap.js'
                           )}"