We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Whitespace and newline

Thread ID:

Created:

Updated:

Platform:

Replies:

150802 Jan 20,2020 05:13 PM UTC Jan 23,2020 09:42 AM UTC Xamarin.Forms 4
loading
Tags: SfTreemap
dev clinicea
Asked On January 20, 2020 05:13 PM UTC

Hi,
I am using the treemap, and facing 2 minor issues - screenshot attached.

1. There are is a lot white space at the top of the treemap. I am using desatuaration color mapping, so don't need a legend. How can I remove the entire white space at the top?

2. Inside the leaf, the display name is a long one, I want to insert a new line in it, so that the word "Growth" appears on the next line. Is this possible?
 

Tx

Attachment: Screenshot_1579539442_54f129a2.zip

Ramya Soundar Rajan [Syncfusion]
Replied On January 21, 2020 04:49 PM UTC

Hi Dev, 
 
We are checking the possibilities to achieve your requirement and we will update the status on 22nd January 2020. 
 
Regards, 
Ramya. 


Ramya Soundar Rajan [Syncfusion]
Replied On January 22, 2020 04:25 PM UTC

Hi Dev, 
 
Query 1: There is lot white space at the top of the treemap. 
 
We have tried to replicate the reported issue at our end, but we are afraid that we are not able to reproduce the issue at our end.  Default value of the TreeMap level header is white. So, it appears in white color. We suggest you set color for Header by using the HeaderStyle. 
 
                    <tree:TreeMapFlatLevel.HeaderStyle> 
                        <tree:Style Color= "Black"/> 
                    </tree:TreeMapFlatLevel.HeaderStyle> 
 
 
Query 2: Inside the leaf, the display name is a long one, I want to insert a new line in it, so that the word "Growth" appears on the next line. Is this possible? 
 
Data label cannot be splitted into two lines, you can use OverFlowMode property to hide, trim and wrap the label. Hence You can achieve your requirement by using the ItemTemplate property of TreeMap items and customize the label inside the TreeMap item. But the desaturation color was not applied to the leaf item due to the custom template applied to the TreeMap items. If you need different color in treemap item, you add property for each item in ViewModel. We have prepared the sample based on your requirement.  Please find the sample link below. 
 
 
Output Screenshot: 
 
 
 
Regards, 
Ramya. 


Ramya Soundar Rajan [Syncfusion]
Replied On January 22, 2020 04:31 PM UTC

Hi Dev, 
 
Please find the output screenshot from below link. 
 
 
Regards, 
Ramya. 


Gangabharathy Murugasen [Syncfusion]
Replied On January 23, 2020 09:42 AM UTC

Tx this can be closed 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon