[CLOSED] Calendar Add/Edit event When control backgroud color customization

[speedstepmem3]

Hi,

We are using coolite 1.0 for our web application, we've implemented coolite 1.0 Calendar module in our application. in that calendar module there are functions Add /Edit Event which will open the Event page. In that page there is control called When. In this control we want show the background color as Yellow becuase as per our application standard mandatory controls should have the background color as yellow.

We've applyed the css class to this when control(date-range) but it's not showing background color correctly as we expected, specfically From and To date controls not showing background color . Please refer the attachment for more information.

Following are the code

Ext.getCmp('date-range').addClass('edit-form-manitatory');

.edit-form-manitatory
{
 background:#fffade url("../images/slate/tabs/txt-bg.png") no-repeat;
 background-position:top right ;
 border:1px solid #888888;
}

Please provide your solution.

Thanks,
Speedstep

[Daniil]

Hi,

Here you are.

Example

<style type="text/css">
    .yellow {
        background-image: none;
        background-color: yellow;
    }
</style>

<ext:EventEditWindow 
    runat="server" 
    Hidden="true" 
    GroupStoreID="GroupStore1">
    <Listeners>
        <Render Handler="   var dateRangeItem = this.formPanel.get('date-range');
                            dateRangeItem.on('render', function (field) {
                                field.startDate.addClass('yellow');
                                field.startTime.addClass('yellow');
                                field.endDate.addClass('yellow');
                                field.endTime.addClass('yellow');
                            });" />
    </Listeners>
</ext:EventEditWindow>