Counts are off when I collapse a column.

[Sam Tran]

Hi,

See the attached images.

The item count is off when I collapse a column.

Also, I see that I can customize the text of the count, but can I get the count to be on the same line as the header itself?

So that it doesn't take up a line by itself?

Thanks!

Attachment: kanban_count_off_cd1c8ebd.rar

[Selvamani Sankarappan]

Hi Sam,   

   

Thanks for contacting Syncfusion Support.   

   

By default, there is no in built option to display header text and card count in single line. You can customize the text of the count and also on the same line using cssClass property by setting the width as auto for the header. Refer to the following code example:   

 

[script] 

$("#Kanban").ejKanban( 

               {                  

                   cssClass: "custom-class", 

               }); 

 

[style] 

.e-kanban.custom-class .e-headercelldiv { 

      width: auto !important; 

   } 

 

Refer to the following sample: 

http://jsplayground.syncfusion.com/xz0vwtxd 

 

 

If the above information does not meet your requirement, kindly revert with the details to provide an appropriate solution at the earliest. 

 

Regards, 

 

Selvamani S. 

[Sam Tran]

Hi,

Thanks for the info about formatting, I'll try it when I get a chance.

But more importantly, were you able to recreate the actual count numbers being off as per my screenshots?

Thanks!

[Selvamani Sankarappan]

Hi Sam,   

   

Thanks for the update.   

   

Query “were you able to recreate the actual count numbers being off as per my screenshots?”   

  

We have prepared a sample illustrating; the actual count numbers are not shown while collapsing the header.  

Please confirm is this your requirement.   

Sample:  http://jsplayground.syncfusion.com/qr3rbeae 

 

Note: As per previous update, items count is refreshed while dropping the items.   

   

If the above solution does not meet your requirement, kindly share us the more details or sample to provide an appropriate solution at the earliest.   

   

Regards,   

   

Selvamani S.   

[Sam Tran]

Example does not run.

I don't want to hide the counts, when collapsed, I just want them to be accurate.

[Selvamani Sankarappan]

Hi Sam, 

 

Thanks for the update. 

 

In previously shared sample is runnable at our end. Refer to the following sample: 

 

http://jsplayground.syncfusion.com/3a4s1vyi 

 

Sorry, your query is not clear. Could you please share us your requirement with more details or modified sample or code example which you have used in your application to provide an appropriate solution at the earliest. 

 

Regards, 

 

Selvamani S. 

[Sam Tran]

Hi,

I still can't get the Javascript Playground to run your sample...just shows a blank screen.  I tried Chrome, FireFox, and Edge browsers.

I went ahead and implemented your code anyways and it does work so that when I click on the header to collapse a column. the count on the collapsed column does disappear.

However, when my board first loads, I have some columns that default to collapsed and the count displays count of zero.

When I go to collapse/expand any header, the counts disappear because of your code getting hit because "HeaderClick" event is triggered..

How can I make it so when the board first loads, the columns that are default to collapsed do not show the count?

I tried moving your code to the "ActionComplete" event, but it still shows the count on the columns that default to collapsed when board first loads.

[Selvamani Sankarappan]

Hi Sam, 

 

Thanks for the update. 

 

Query: I still can't get the Javascript Playground to run your sample...just shows a blank screen.  I tried Chrome, FireFox, and Edge browsers. 

 

We are unable to reproduce the reported issue with JS playground link. Kindly check if you are facing any console error with referred script files. If yes, share us the error details and browser specifications. Also check if the following link, 

http://jsplayground.syncfusion.com/qgp121it  

We have also prepared a local sample. You can download the following sample: 

http://www.syncfusion.com/downloads/support/forum/133005/ze/sample-394101073 

 

We have prepared the above sample based on your requirement. At initially the columns counts are hided in collapsed state using create and headerClick event. Please check the above sample and still does not meet your requirement kindly get back to us with more details. We will be happy to help you. 

 

Regards, 

 

Selvamani S.