BuyLog In
Ticket T1283166
Visible to All Users

Support creating simple DevExtreme.Diagram-Asp.net

created 6 months ago

Good morning DevExpress team,

I recently took over supporting a project that makes use of the DevExpress and DevExtreme library. I am attempting to create a base sample project that utilizes the DevExtreme().Diagram() within a cshtml page. However, I seem to be unable get something functional.

The purpose of this is to build my knowledge to the level of understanding an implementation used by my program so that I may better articulate a later support request. If you could please review the attached project and provide some guidance on how I can get the Diagram drawn to screen it would be greatly appreciated.
You will notice in the attached code a Diagram, my attempt at creating a basic diagram, and another commented out. The commented out diagram is what I am working towards replicating to develop my understanding of and produces the attached image. Diagram_Screenshot.png

Sign in to comment on this post

Answers approved by DevExpress Support

created 6 months ago

Hello Dustin,

Thank you for the sample. If you check the browser's console, you will see that it logs the error about missing diagram scripts. Please open the Views/Shared/_Layout.cshtml file and find the following lines:

HTML
@* Uncomment to use the Diagram control *@
@*<link href="~/css/devextreme/dx-diagram.css" rel="stylesheet" />*@
...
@* Uncomment to use the Diagram control *@
@*<script src="~/js/devextreme/dx-diagram.js"></script>*@

Uncomment the diagram scripts and CSS to resolve the issue.

Let us know if you have further questions.

    Sign in to comment on this post

    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.