Does Kanban have a Footer template or something similar?

I want to add a Add button in the end of every Column in Kanban, does it have a footer just like the Header?


18 Replies 1 reply marked as answer

SS SaiGanesh Sakthivel Syncfusion Team September 26, 2022 01:59 PM UTC

Hi Felipe,


As per the implementation of SfKanban, we do not have footer template support for the column in the SfKanban. As of now, we have header template support for the column in the SfKanban.


Regards,
SaiGanesh Sakthivel



FE Felipe September 26, 2022 03:52 PM UTC

I'm trying to put a button on the End of the Header using HorizontalOptions but it doesn't work properly. First Column doesn't show properly


                    

BackgroundColor="#F5F5F5">






FE Felipe September 26, 2022 04:06 PM UTC

I could make it work as I wish, just using constant values in Column Definitions and

HorizontalOptions="StartAndExpand"

But for some reason, when I use the other code, the first column doesn't fit correctly


                    <kanban:SfKanban.HeaderTemplate>
                        <DataTemplate>
                            <Grid RowDefinitions="auto, auto" ColumnDefinitions="150, 150" HeightRequest="80"
                                  BackgroundColor="#F5F5F5">
                                <Label Text="{Binding Title}"
                                       Grid.ColumnSpan="2"
                                       Grid.Row="0"
                                       MaxLines="1"
                                       LineBreakMode="TailTruncation"
                                       FontAttributes="Bold"
                                       FontSize="24"
                                       TextColor="#000" />
                                <Label Text="{Binding ItemsCount, StringFormat='Tarefas: {0}'}" VerticalOptions="CenterAndExpand"
                                       Grid.Row="1"
                                       Grid.Column="0"
                                       TextColor="#B3000000"
                                       FontSize="16" />
                                <Frame Padding="8, 4" BackgroundColor="#00cccc" HorizontalOptions="StartAndExpand" VerticalOptions="CenterAndExpand"
                                       Grid.Column="1"
                                       Grid.Row="1">
                                    <Label Text="Nova tarefa" TextColor="#FFF" FontSize="16" FontAttributes="Bold"/>
                                </Frame>
                            </Grid>
                        </DataTemplate>
                    </kanban:SfKanban.HeaderTemplate>



SS SaiGanesh Sakthivel Syncfusion Team September 27, 2022 01:42 PM UTC

Hi Felipe,


#Regarding HeaderTemplate does not work correctly

We could not replicate the reported scenario from our end. We have prepared the sample as per the information and checked the sample from our side. Please refer to the tested sample in the following locations.


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


Please check the sample and let us know if you still facing the same issue? If not, please modify the sample based on your scenario and revert us back with the following details,


  • Modify our sample to reproduce the issue.

  • Share the issue replicate platform details.


It will be helpful for us to check on it and provide you with the solution as soon as possible. 
  

Regards,
SaiGanesh Sakthivel



FE Felipe October 5, 2022 07:15 PM UTC

Sorry for delay, I was figuring out why the problem is happening and trying to repliace in a sample. 

When I navigate using Prism from one page to another that have Kanban view, breaks header template, for example if in App.xaml OnInitialized method I navigate to KanbanPage:


NavigationService.NavigateAsync("MenuPage/NavigationPage/KanbanPage");


The problem doesn't happens at all, but if I navigate to any other page then navigate to KanbanPage, the problem happens:


NavigationService.NavigateAsync("MenuPage/NavigationPage/MainPage");

Then:


navigationService.NavigateAsync("KanbanPage");



Attachment: KanbanColumnBugSample_62fa915e.rar


SS SaiGanesh Sakthivel Syncfusion Team October 6, 2022 02:02 PM UTC

Hi Felipe,


#Regarding HeaderTemplate does not work correctly

Currently, we are validating the reported scenario from our end. We will update you with the further details on October 10, 2022. We appreciate the patience until then.


Regards,
SaiGanesh Sakthivel



SS SaiGanesh Sakthivel Syncfusion Team October 10, 2022 01:09 PM UTC

Hi Felipe,


#Regarding HeaderTemplate does not work correctly

Currently, we are analyzing the reported scenario in our source level. We will update you with further details on October 12, 2022. We appreciate the patience until then.


Regards,

SaiGanesh Sakthivel



FE Felipe October 10, 2022 08:55 PM UTC

Another problem, but that time is in IOS, I'm using iOS simulator and I got some problems in the sample.


  1. HeaderTemplate doesn't show for some seconds in IOS for some reason;
  2. When I try to Drag a card it causes an exception.

Drag exception:

Foundation.MonoTouchException: 'Objective-C exception thrown.  Name: NSRangeException Reason: *** -[__NSArrayM objectAtIndexedSubscript:]: index 1 beyond bounds [0 .. 0]
Native stack trace:
0 CoreFoundation 0x00007fff203feba4 __exceptionPreprocess + 242
1 libobjc.A.dylib 0x00007fff201a1be7 objc_exception_throw + 48
2 CoreFoundation 0x00007fff2047ef64 _CFThrowFormattedException + 194
3 CoreFoundation 0x00007fff202fbd15 -[__NSArrayM removeAllObjects] + 0
4 UIKitCore 0x00007fff246fa5ed -[UICollectionViewFlowLayout _getSizingInfosWithExistingSizingDictionary:] + 1537
5 UIKitCore 0x00007fff246fc0cc -[UICollectionViewFlowLayout _fetchItemsInfoForRect:] + 228
6 UIKitCore 0x00007fff246f54c6 -[UICollectionViewFlowLayout collectionViewContentSize] + 48
7 UIKitCore 0x00007fff246ee8ec -[UICollectionViewData _validateContentSize] + 72
8 UIKitCore 0x00007fff246f0d75 __45-[UICollectionViewData validateLayoutInRect:]_block_invoke.88 + 32
9 UIKitCore 0x00007fff246ef8fd -[UICollectionViewData validateLayoutInRect:] + 538
10 UIKitCore 0x00007fff246b108f -[UICollectionView layoutSubviews] + 217
11 UIKitCore 0x00007fff2561d2b1 -[UIView(CALayerDelegate) layoutSublayersOfLayer:] + 2962
12 QuartzCore 0x00007fff289e2d2e _ZN2CA5Layer16layout_if_neededEPNS_11TransactionE + 548
13 QuartzCore 0x00007fff289edebf _ZN2CA5Layer28layout_and_display_if_neededEPNS_11TransactionE + 65
14 QuartzCore 0x00007fff28929c86 _ZN2CA7Context18commit_transactionEPNS_11TransactionEdPd + 700
15 QuartzCore 0x00007fff28961853 _ZN2CA11Transaction6commitEv + 699
16 QuartzCore 0x00007fff28962bd4 _ZN2CA11Transaction25flush_as_runloop_observerEb + 60
17 CoreFoundation 0x00007fff2036bc67 __CFRUNLOOP_IS_CALLING_OUT_TO_AN_OBSERVER_CALLBACK_FUNCTION__ + 23
18 CoreFoundation 0x00007fff2036648c __CFRunLoopDoObservers + 541
19 CoreFoundation 0x00007fff20366a3c __CFRunLoopRun + 1126
20 CoreFoundation 0x00007fff203660f3 CFRunLoopRunSpecific + 567
21 UIFoundation 0x00007fff2435566c -[NSHTMLReader _loadUsingWebKit] + 1753
22 UIFoundation 0x00007fff24356557 -[NSHTMLReader attributedString] + 22
23 UIFoundation 0x00007fff242d353e _NSReadAttributedStringFromURLOrData + 9230
24 UIFoundation 0x00007fff242d10bb -[NSAttributedString(NSAttributedStringUIFoundationAdditions) initWithData:options:documentAttributes:error:] + 144
25 KanbanXamarin.iOS 0x00000001088c8449 xamarin_dyn_objc_msgSend + 217
26 ??? 0x0000000115d53c6e 0x0 + 4661263470
'


But I don't know if it happens because of iOS simulator or Kanban



FE Felipe October 11, 2022 12:09 AM UTC

I found out that exception is caused because of a label of TextType Html inside CardTemplate, but it only happens in iOS. The problem with HeaderTemplate I think is something with

await Task.Delay(500).ConfigureAwait(false);

But I'm not sure



SS SaiGanesh Sakthivel Syncfusion Team October 11, 2022 01:14 PM UTC

Hi Felipe,


Thank you for the update. We will check and update you on the further details on October 12, 2022. We appreciate the patience until then.


Regards,

SaiGanesh Sakthivel



SS SaiGanesh Sakthivel Syncfusion Team October 12, 2022 02:56 PM UTC

Hi Felipe,


#Regarding HeaderTemplate doesn’t work correctly and Drag a card it causes an exception in iOS

We have logged the issue report for the same. We will fix the issue and include the issue fix in our Weekly nuget release which is expected to roll out on November 1, 2022. We appreciate your patience until then.


You can track the status of this report through the following feedback link,

https://www.syncfusion.com/feedback/38075/card-template-height-and-header-template-doesnt-update-correctly


Note: The provided feedback link is private, you need to login to view this feedback.


Regards,

SaiGanesh Sakthivel



FE Felipe October 13, 2022 01:20 AM UTC

What about the the HeaderTemplate not rendering when using

await Task.Delay(500).ConfigureAwait(false);

Is there a workaround?



SS SaiGanesh Sakthivel Syncfusion Team October 13, 2022 01:50 PM UTC

Hi Felipe,


#Regarding HeaderTemplate is not rendering in iOS

The reported scenario occurs when we add the columns for the kanban inside the OnNavigatedTo override method in the KanbanPageViewModel class. As of now, we suggest you add the columns inside the KanbanPageViewModel constructor to overcome this reported scenario as the workaround. Please refer to the following code snippet for your reference.


Code snippet

public KanbanPageViewModel(INavigationService navigationService) : base(navigationService)

{

    var columns = new KanbanColumnCollection();

    columns.Add(new KanbanColumn()

    {

        Title = "To Do",

        Categories = new List<object>() { 1 }

    });

    columns.Add(new KanbanColumn()

    {

        Title = "In Progress",

        Categories = new List<object>() { 2 }

    });

    columns.Add(new KanbanColumn()

    {

        Title = "Code Review",

        Categories = new List<object>() { 3 }

    });

    columns.Add(new KanbanColumn()

    {

        Title = "Done",

        Categories = new List<object>() { 4 }

    });

 

    Columns = columns;

    this.navigationService = navigationService;

}


Please let us know if you have any concerns.


Regards,
SaiGanesh Sakthivel



FE Felipe October 14, 2022 12:08 AM UTC

Thanks, but that wont work for me, because I have an option to change the Kanban content dynamically. It strange how It happens only in iOS.

Maybe an inportant thing is that making an drag and drop renders the header, and It works with default Header



SS SaiGanesh Sakthivel Syncfusion Team October 14, 2022 12:13 PM UTC

Hi Felipe,


Thank you for the update. We will let you know once the reported issue fix is rolled out. We appreciate the patience until then.


Regards,
SaiGanesh Sakthivel



SS SaiGanesh Sakthivel Syncfusion Team November 1, 2022 01:47 PM UTC

We regret to inform you that due to the complexity in fixing the issue, we could not include the fix in this weekly nuget release as promised. We will fix the reported issue and include it in our upcoming Weekly nuget release which is planned to roll out on November 15, 2022. We will let you once the release is rolled out and appreciate your patience until then.



SS SaiGanesh Sakthivel Syncfusion Team November 15, 2022 02:37 PM UTC

#Regarding HeaderTemplate does not work correctly

We have fixed the issue from our end. Due to the testing phase, we have prepared patch including the fix. Before installing the patch, kindly remove bin and obj folders from all the projects of solution and clear NuGet cache.


Please refer our following KB document to clear nuget cache.

https://www.syncfusion.com/kb/6987/how-to-clear-nuget-cache

   

Set Up: https://syncfusion.com/Installs/support/patch/20.3.0.56/1484308/F177730/SyncfusionPatch_20.3.0.56_1484308_11152022012618200_F177730.exe

  

Custom Assemblies: https://syncfusion.com/Installs/support/patch/20.3.0.56/1484308/F177730/SyncfusionPatch_20.3.0.56_1484308_11152022012618200_F177730.zip


Nuget: https://syncfusion.com/Installs/support/patch/20.3.0.56/1484308/F177730/SyncfusionNuget_20.3.0.56_1484308_11152022012618200_F177730.zip


Disclaimer:    

Please note that we have created this patch for version 20.3.0.47 specifically to include the issue.

We will include the implemented feature in our upcoming 2022 Volume 4 release which is expected to roll out in Month of December, 2022. We appreciate your patience until then.  


#Regarding Drag a card it causes an exception in iOS when using the Html text type

We suspect that the reported scenario is a framework-level issue. We are trying to fix the reported scenario from our end. We will fix and include the issue fix in our upcoming 2022 Volume 4 release which is expected to roll out in Month of December, 2022. We appreciate your patience until then.



SS SaiGanesh Sakthivel Syncfusion Team December 22, 2022 12:23 PM UTC

Hi Felipe,


#Regarding HeaderTemplate does not work correctly

We are glad to announce that our Essential Studio 2022 Volume 4 Main Release V20.4.0.38 is rolled out and the reported issue fix is available for download under the following link.


https://www.syncfusion.com/forums/179561/essential-studio-2022-volume-4-main-release-v20-4-0-38-is-available-for-download


Feedback: https://www.syncfusion.com/feedback/38075/card-template-height-and-header-template-doesnt-update-correctly


Release note: https://help.syncfusion.com/xamarin/release-notes/v20.4.0.38?type=all#sfkanban-bug-fixes


We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.


#Regarding Drag a card it causes an exception in iOS when using the Html text type

The reported scenario is the framework issue. Currently, we have logged an issue report for the same with framework side, kindly refer the following link for the same,


https://github.com/xamarin/xamarin-macios/issues/17099


We are having following the reported bug, once we got the solution from the Xamarin team, we will update you the further details. We appreciate your patience until then.


Regards,

SaiGanesh Sakthivel


Marked as answer
Loader.
Up arrow icon