JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums Gantt Unable to use Angular component within task columns

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #111854
    Kiran M
    Participant

    hi,

    I have a requirement where I need to use a custom angular component to render content of a task column. I have observed that I can use formatFunction to return a html markup which is rendered correctly for the task column But when I return an angular component’s html markup it is not rendered at all.

    I have put up a small example to highlight the issue.

    https://stackblitz.com/edit/github-mm1xuc?file=package.json

    In this example there are two columns used to render same html markup. The first column i.e. ‘HTML’ returns the html markup directly within the formatFunction which is rendered correctly. The second column i.e. ‘Angular’ returns Angular component’s html markup which is not rendered at all. The angular component is rendered correctly when used outside Gantt chart which indicates there is no issue as such with the Angular component.

    Can you please help me understand how to use custom angular component to render content of a task column.

    Thanks,

    Kiran Malusare

    • This topic was modified 3 weeks, 6 days ago by Kiran M.
    #111859
    Markov
    Keymaster

    Hi Kiran,

    The formatFunction is for rendering custom HTML in the task columns. It is not possible to render complex content such as components in the gantt cells.

    Best Regards,
    Markov

    Smart UI Team
    https://www.htmlelements.com/

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.