1. Home
  2. Forum
  3. Blazor
  4. Header - Item Count

Header - Item Count

How do I format the 'ITEM COUNT' on the header?   I want  to make it larger and and change 'items' to 'documents'
thx in advance

Attachment: items_c5a63651.zip

5 Replies 1 reply marked as answer
JE Jon Elster October 12, 2020 02:08 PM UTC

I have seen the following for UWP

https://www.syncfusion.com/forums/145139/edit-column-items-count

How do you make this change in Blazor?


RV Ravikumar Venkatesan Syncfusion Team October 13, 2020 08:54 AM UTC

Hi Jon, 

Greetings from Syncfusion support. 

We have validated your requirement “I want to make it larger and change 'items' to 'documents'” at our end. We have achieved your requirement by customizing the specific word in the localized words of Kanban. You can change the localized words of the Kanban from the resx file of your culture available in the following directory Project root folder > Resources > SfResources-en-US.resx like the below snap. 

 


We can change the font size of the items count element like the below CSS style. 

[Index.razor] 
<style> 
    .e-kanban .e-item-count { 
        font-size: 16px !important; 
    } 
</style> 



Kindly refer to the above sample and get back to us if you need any further assistance. 


Note: We suggest you to upgrade your Syncfusion.Blazor packages to the latest version 18.3.0.40. 

Regards, 
Ravikumar Venkatesan 


Marked as answer
DA Davy October 28, 2020 07:28 AM UTC

@Ravikumar Venkatesan:

In our case we want to display only the item count (number) and style it with some nice css. We don't want the label and the dash (-) before the item count.
Is there any solution for this?

SK Satheesh Kumar Balasubramanian Syncfusion Team November 2, 2020 03:36 PM UTC

Hi Jon, 
  
Thanks for your update. 
  
We have validated your query, currently we couldn’t access the item count in header template to achieve your requirement. So we have logged the bug report "Item count is not present inside the column template context"  which can be tracked from the following link. 
  
The issue fix for this defect will be included in our weekly patch release scheduled on the November 17, 2020. We will check the fix and update the sample for your requirement on November 18, 2020. We would appreciate your valuable patience until then. 

Regards, 
Satheesh Kumar B 


NR Nevitha Ravi Syncfusion Team November 18, 2020 01:54 PM UTC

Hi Jon/Davy, 

Thanks for being patience. 

We have resolved the issue ‘not able to access the item count in header template’ in our weekly patch release v18.3.50. Now you can achieve your requirement, please refer the following code and sample. 


                    <Template> 
                        @{ 
                            KanbanColumn column = (KanbanColumn)context; 
                            <div class="header-template-wrap"> 
                                <div class="header-icon e-icons @column.KeyField[0]"></div> 
                                <div class="header-text">@column.HeaderText</div> 
                                <div class="header-text"> ITEMS: @column.Count </div> 
                            </div> 
                        } 
                    </Template> 

To hide the default item count:  
    .e-kanban .e-kanban-header .e-header-cells .e-item-count { 
        display: none; 
    } 

 


Please get back to us if you need any further assistance. 

Regards, 
Nevitha 


Loader.
Up arrow icon