on 03-18-2014 11:13 AM
Hello experts,
We are creating a custom fiori application in which we need to modify the calendar control.
our requirement is as shown below;
What we have achieved is :
1. background color using
calendar.toggleDatesType([ "2013/04/12" ], sap.me.CalendarEventType.Type07, true);
2. meaning of colors using CALENDAR LEGEND.
What we need now :
1. Custom labels below date
2. On click of date open an Action sheet to select few actions. for e.g Regularize the attendance
I have also found that using extend() method we can extend existing controls.
I have also gone through the below links
Documentation/AdvancedTopics/OnTheFlyControlDefinition – SAPUI5 Wiki (TIP CORE User Interface)
Documentation/AdvancedTopics/OnTheFlyControlExample – SAPUI5 Wiki (TIP CORE User Interface)
Documentation/AdvancedTopics/CompositeControl – SAPUI5 Wiki (TIP CORE User Interface)
Still struggling to extend a calendar control. please help.
Regards,
KK
Good Day Krishnakant
I cant open any of the documents you listed below, i would like to have a calendar with color of specific day depending.
I would appreciate your help
Thank you
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
Got the solution .
I have used onAfterrRendering() method of sap.ui.core.Control.
code:
calendar = new sap.me.Calendar({
dayHeight:80,
monthsPerRow : 1,
currentDate : "2013/04/30",
});
calendar.onAfterRendering = function(oEvent) {
var divs = $('.sapMeCalendarMonthDays').children();
var i;
var length = divs.length;
var classes;
for(i=0;i<length;i++)
{
classes = $(divs[i]).attr('class');
$(divs[i]).append('<br/><span style="width:100%;display:block;font-size:0.5em;font-weight:bold; color:green">In:10:30</span><span style="width:100%;display:block;font-size:0.5em;font-weight:bold; color:green">Out:06:30</span>');
//check the condition
if(i==3)
$(divs[i]).addClass('sapMeCalendarType04');
}
};
out put.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
User | Count |
---|---|
83 | |
23 | |
11 | |
9 | |
8 | |
5 | |
5 | |
5 | |
5 | |
4 |
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.