example_custom_scripts

Customization via custom javascript

You can place custom javascript snippet in the Footer JS placement to achieve complex UI customization. Here are some examples.

Example 1:

Move the calendar panel from right to left side on dashboard

$(document).ready(function(){
if($("#calendarPanel")){
  if($("#calendarPanel").length > 0){
     var changed = false;
     if($("#leftColTabs") && $("#leftColTabs").length > 0){
       var elem = $("#calendarPanel").detach();
       changed = true;
       $("#leftColTabs").after(elem);
     }else if($("#maincenter") && $("#maincenter").length > 0){
       var elem = $("#calendarPanel").detach();
       $("#maincenter").append(elem);
       changed = true;
     }
     if(changed){
        $("#portlet_CALENDAR").fullCalendar('render');
     }
  }
}
});

 

 

 


Rating: