Question

Color Setup in Calendar

Hi,

 

I have setup the color in the calendar. Background color is working when displaying the task. On selection of the task, OOTB color is showing. How to setup OOTB color on selection?

 

 

Thanks

Like 1

Like

3 comments

Hello Akshaya,

 

Please check the system settings: ExpiredTaskColor and 

FinishedTaskColor, these options should help you.

You can find them in System Designer => System Settings.

 

Best regards,

Bogdan S.

Bogdan Spasibov,

Hi Bogdan, 

I have tried the above system settings, Still its not working.

Is there any other alternate for this one?

 

Thanks

 

Akshaya Gajendran,

 

Please check the example of how we have implemented such a task at our demo Creatio:

 

1. Firstly, you need to create a replacing client module schema for the "ActivitySectionV2" client module. Please find the information about it in the article by the link below:

 

https://academy.creatio.com/documents/technic-sdk/7-16/creating-custom-…

 

2. In a new replacing client schema, please insert the code below (we'll create dependent modules later):

 

define("ActivitySectionV2", ["css!UsrActivitySectionV2CSS", "css!UsrActivitySectionCSS"],
function() {
    return {
        entitySchemaName: "Activity",
        diff: /**SCHEMA_DIFF*/[]/**SCHEMA_DIFF*/,
        messages: /**SCHEMA_DIFF*/{}/**SCHEMA_DIFF*/,
        methods: /**SCHEMA_DIFF*/{}/**SCHEMA_DIFF*/
    };
});

 

3. Please create a new module "UsrActivitySectionV2CSS" with the following code: 

 

define("UsrActivitySectionV2CSS", [], function() {});

 

and add there LESS styles:

 

.scheduleritem-done scheduleritem-selected{
	background-color: #ffb3eb;
	background: #ffb3eb;
}
.scheduleritem-overdue scheduleritem-selected{
	background-color: #b3ffe9;
	background: #b3ffe9;
}

 

4. Please create a new module "UsrActivitySectionCSS" with the following code: 

 

define("UsrActivitySectionCSS", [], function() {
	return {};
});

 

and add there LESS styles:

 

.scheduleritem-done {
	background-color: #ffe499 !important;
 
	&.scheduleritem-selected {
		background-color: #ffe499 !important;
	}
}
 
.scheduleritem-overdue {
	background-color: #c9b3ff !important;
 
	&.scheduleritem-selected {
		background-color: #c9b3ff !important;
	}
}

 

5. These dependent modules have been already added to the replacing "ActivitySectionV2" client module schema, so save the changes and hard-reload the page.

 

Regards, 

Anastasiia

Show all comments