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
close icon

Notes tab column is visible as (i) symbol and on hover we get Notes details text but i want Notes details as normal text.

Notes tab column is visible as (i) symbol and on hover we get Notes details text but i want Notes details as normal text.




10 Replies

UA Udhayakumar Anand Syncfusion Team April 5, 2023 12:45 PM UTC

Hi Donika,


Thank you for reaching out to us regarding the issue you encountered with the Notes tab column in our product. We apologize for any inconvenience this may have caused you.


After reviewing your query, we have determined that you can achieve your desired outcome by enabling the "showInlineNotes" property. This will allow you to display the Notes column cell values inside the cell itself, rather than in a tooltip. You can find more information about this property in the link provided below.



Code Snippet:

/*app.component.html*/

[showInlineNotes] = "true"


Sample Link : https://stackblitz.com/edit/angular-k25bg9-b8pxcz?file=src%2Fapp.component.ts,src%2Fapp.component.html


UG LINK : https://ej2.syncfusion.com/angular/documentation/api/gantt/#showinlinenotes


Regards,

Udhayakumar



DJ Donika, Jetwani April 5, 2023 03:34 PM UTC

Thank you Team. With this i am able to get notes tab details in cell itself. But HTML which is being applied in Notes Tab that is also visible now.




UA Udhayakumar Anand Syncfusion Team April 6, 2023 12:06 PM UTC

Hi Donika,


After reviewing your query, we suggest setting the "disableHtmlEncode" property to false while defining the notes column. This will disable HTML tags from rendering and ensure that only the desired information is displayed.


You can find the code snippet and sample link below



Code Snippet:

/*app.component.ts*/

this.columns = [

{ field: 'info', disableHtmlEncode: false },

]


Sample Link : https://stackblitz.com/edit/angular-k25bg9-pwm7cg?file=src%2Fapp.component.ts,src%2Fapp.component.html


We hope this solution will answered your query, please contact us if you have further query regarding this issue


Regards,

Udhayakumar



DJ Donika, Jetwani April 10, 2023 05:43 AM UTC

If i am giving more than one space in notes tab then in tooltip i get no space. 





DJ Donika, Jetwani April 10, 2023 06:17 AM UTC

Also, with these - { field: 'info', disableHtmlEncode: false }, i am not able to apply Bold, Italics and Underline to text of Notes Tab. Even though if i apply bold, it takes as normal text, since we have enabled HtmlEncode



UA Udhayakumar Anand Syncfusion Team April 11, 2023 12:24 PM UTC

Hi Donika,


Please find your query response below


Issue 1 : Cant use Bold Italic

We have reviewed your query and have recognized this as a bug. Thank you for taking the time to report this issue and helping us improve our product. At Syncfusion, we are committed to fixing all validated defects (subject to technological feasibility and Product Development Life Cycle) and will include the fix in our upcoming patch release which is expected to be rolled out on May 10, 2023You can track its status from the feedback link provided below.

 

FeedBack  : https://www.syncfusion.com/feedback/42806/gantt-chart-style-not-reflected-on-the-notes-column-when-we-perform-dialog-edit

 

Note: To view the above feedback, kindly login into your account. 

-

Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.

 

Issue 2 : Space not appearing on the tooltip

We reviewed your inquiry but were unable to replicate the problem you reported. Could you please provide us with the information listed below?

 

  1. Do you give space to the notes in the data source or while editing
  2. Video demonstration of the issue
  3. Code Snippet of the datasource that you’ve using
  4. Could you please modify the sample and replicate the issue which will be helpful for us to validate further
  5. Exact steps to replicate the issue

 

Sample Link : https://stackblitz.com/edit/angular-k25bg9-pwm7cg?file=src%2Fapp.component.ts,src%2Fapp.component.html


Regards,

Udhayakumar



DJ Donika, Jetwani April 14, 2023 06:30 AM UTC

On using bold and next line, after saving bold and next line gets removed.



code Snippet, which i am using:

{ field: "info", disableHtmlEncode: false, visible: false, headerText: "Task Description", clipMode: "EllipsisWithTooltip", },


DJ Donika, Jetwani April 17, 2023 01:21 PM UTC

Hi Team,


Please revert back.



UA Udhayakumar Anand Syncfusion Team April 17, 2023 02:13 PM UTC

Hi Donika,


After reviewing your query, we have identified the reported issue as a bug and will be addressing it along with other previously reported issues. Our team is actively working on a fix and it is scheduled to be rolled out on May 10, 2023. You can track its status from the feedback link provided below.


Feedback :  https://www.syncfusion.com/feedback/42806/gantt-chart-style-not-reflected-on-the-notes-column-when-we-perform-dialog-edit


Note: To view the above feedback, kindly login into your account. 

-

Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.


Regards,

Udhayakumar



UA Udhayakumar Anand Syncfusion Team May 18, 2023 04:28 AM UTC

Hi Donika,


Thank you for your patience.


We are glad to announce that fix for the issue “Style not reflected on the notes column when we perform dialog edit 
has been rolled out in our patch release (v21.2.4). So please upgrade to our latest version to resolve the problem.


Release Notes: https://ej2.syncfusion.com/documentation/release-notes/21.2.4/#gantt-chart


Please contact us if you require any further assistance.


Regards

Udhayakumar



Loader.
Live Chat Icon For mobile
Up arrow icon