Kanban Day Header

[John Fleet]

Hi, is it possible to change the font type, size and color of Kanban Day Headers please.

Diagram attached.

Regards, John

Attachment: Kanban_db545d58.zip

[Gokulraj Devarajan]

Hi Guido,

You can change the Kanban header font size and colour using the below styles. Please find the following code and sample for your reference.

.e-kanban .e-kanbanheader .e-headercelldiv {

           font-size: 17px;

           color: #e3165b;

           font-family: monospace;

       }

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplication2-1025912045
Documentation:  https://help.syncfusion.com/aspnet/kanban/styling

Regards
Gokulraj

[John Fleet]

Thank you for your reply, that worked great.

I have searched the documentation for Accordion to change the header text color but no mention is available.

Could you please confirm that the Accordion header text color may or may not be modified.

Thank you for you help.

Regards, John

[Sivakumar ShunmugaSundaram]

Hi John,

Greetings from Syncfusion support.

As per the shared details, we understand that you want to customize the ASP.NET Web Form Accordion component header text color. We have prepared a simple sample of ASP.NET Web Form with the Accordion component. To achieve your requirement, we suggest you use the cssClass property to specify the customization in the Accordion component. We have attached the prepared sample with header text customization for your reference.

Refer to the below code snippet.

[Default.aspx]

 

<asp:Content ID="Content2" ContentPlaceHolderID="ControlsSection" runat="server">

 

     <div style="width: 400px;">

 

    <ej:Accordion ID="BasicAccordion" runat="server" CssClass="customCss">

 

...

    </ej:Accordion>

 

    </div>  

 

</asp:Content>

...

<asp:Content ID="Content6" ContentPlaceHolderID="StyleSection" runat="server">

    <style type="text/css">

        .customCss h3

        {

            text-decoration:underline;

            text-align:center;

        }

         .customCss h3 a{

             color:red !important;

         }

    </style>

</asp:Content>

 

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplication2828270399.zip

Please check the attached sample and get back to us if you need any further assistance.

Note: If this post is helpful, please consider Accepting it as the solution so that other members can locate it more quickly.

Regards,

Sivakumar S

[John Fleet]

Thank you, worked great.

Regards, John

[Indhumathy Loganathan]

Hi John,

We are glad that the shared solution was helpful for you. Please get back to us if you need any further assistance.

Regards,

Indhumathy L