Ticket T706689
Visible to All Users

RichEdit - How to add tables and charts

created 6 years ago

Hi!

We are currently building a reporting product & want to use your components for that.

As your ReportDesign is from a UX perspective very complex and unfortunately not useable for our customer base we though about a different solution.

Using the RichTextEditor - which is way easier to use
https://demos.devexpress.com/MVCxRichEditDemos/

But we would also need charts and data based tables (which are not - yet? - part of this product)

Is there a chance to combine these 2 tools:
e.g. use chart & table Designer integreated in the ReportBuilder to insert charts and tables in the RichTextEditor.
Basically we would need to open the designer provided in the ReportBuilder from within the RichTextEditor

Or is there any other chance to add these 2 feature to the RichEditor?

Thx for your help!
Thomas

Answers approved by DevExpress Support

created 6 years ago (modified 6 years ago)

Hello Thomas,

While MVC RichEdit does not provide UI to insert charts, it is possible to display them in it. For example, you can use the Rich Edit Office API for this. Check the online Document Variables demo illustrating a possible implementation.
As for the data bound tables, you can accomplish this task using document templates and the Mail Merge functionality: Built-in Mail Merge.

UPDATED:
I suggest you take a look at the Spreadsheet extension. Charts and tables can be created using Spreadsheet's ribbon. See the Charting demo. Moreover, with v18.2, Pivot Tables are supported in Spreadsheet.
As a side note, would you please clarify what you find too complex in the End-User Web Report Designer for work? To be more precise, what features/functionality would you sacrifice to simplify the process of the report layout setup? Do you mean a Tabular Report created via the Report Wizard by "Table Designer"?
Thank you for your feedback in advance.

    Show previous comments (2)
    TR TR
    Thomas Reichenberger 6 years ago

      The Report-Designer is very powerful - but the UI is hard to get.
      Sooo many options - hidden in the menu…
      I geht that it's hard to implement such a powerful tool without so much complexity.´
      That's why we think our user can't use this - without heavy training.
      And very important features like a good support for richtext is missing.

      The RichTextEditor is a used pattern (copied from Word) - so everyone knows how to use a WYSIWYG-editor.
      So we want to combine these 2 worlds.

      So at the moment our approach is to use the RichTextEditor & add Tables (with the table designer) and Charts from the Report Designer.
      It's not perfect and ofc would be nice if RichTextEditor would have these 2 features already integrated - but we see no better way for now.

      Vova (DevExpress Support) 6 years ago

        Hello Thomas,

        Thank you for your feedback about our Report Designer's UI. I've forwarded this information to Reports team.
        I agree with you that our RichEdit control is more simple to use because it's inspired by the well-known Microsoft Word. However, RichEdit does not provide any UI elements to create/insert charts as well as UI elements to implement data bound tables.

        Also, I would especially note that there is no built-in way to use any dialogs from our Report Designer in RichEdit. Moreover, it's not possible to use/open ChartDesigner/TableDesigner from our Report Designer standalone.

        Only two of our controls provide corresponding UI Dialogs for inserting tables and charts into a document:

        - Spreadsheet Control
         - End User Report Designer

        If the End User Report Designer looks too complex for your end-users, you can simplify the designer by hiding unnecessary options/settings.
        If you need our assistance in simplifying our Report Designer, please describe in greater detail whose options and elements you wish to hide from our Report Designer to make its UI simpler for your end-users.
        We check for any possible solutions for your task.

        However, if we are talking about our MVC Rich Edit Control, we cannot suggest any suitable solution to implement a corresponding UI (Dialogs/Designers) to insert Charts into a document.

        Regards,
        Vova

        DevExpress Support Team 5 years ago

          Hello,

          I see that you are interested in a Rich Editor for Angular. I would like to inform that we prepared the Add RichEdit to an Angular Application documentation topic that describes steps to integrate our Rich Editor in an Angular application. This topic also contains links to ready-to-use examples that you may find helpful.

          Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

          Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.