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. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Text overflow in symbolpalette

Thread ID:





151101 Jan 30,2020 06:18 PM UTC Feb 4,2020 04:25 AM UTC Angular - EJ 2 3
Tags: Diagram
Gabo EE
Asked On January 30, 2020 06:18 PM UTC

can you please help me with text overflow in symbol pallete, is there any setting to handle longer text?

Screen in attachment.

Thank you

Attachment: text_35b13c7e.zip

Shyam G [Syncfusion]
Replied On January 31, 2020 04:26 PM UTC

Hi Gabo, 

We should set wrap property as NoWrap and the overflow as clip or ellipsis which cuts the overflow text in the symbol palette. Please refer to a code example and the sample below. 

Code example: 
  public getSymbolInfo(symbol: NodeModel): SymbolInfo { 
    // display text for palette item 
    return { description: { text: symbol.annotations[0].content, overflow:'Ellipsis', wrap:'NoWrap' }, fit:true }; 

Shyam G 

Gabo EE
Replied On February 3, 2020 12:17 PM UTC

Thank you for your answer. Your solution works fine.

Shyam G [Syncfusion]
Replied On February 4, 2020 04:25 AM UTC

Hi Gabo, 
Thanks for your update. 
Shyam G 


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