Chat now with support
Chat with Support

erwin Evolve 2023.1.0 - User Guide

erwin Evolve 2023.1.0 User Help Guide Legal Notices Getting Started Creating Sites and Pages Data Layout Options Filtering Data Property Groups Data Visualizations Displaying Diagrams Using Web Modeler Automatic Diagrams (Diagram Designer) Navigating your Site Enhanced erwin Evolve Plugins Workflow Explained Social Interaction Features Questionnaires Reference Configuration and Administration Customizing Your Site Troubleshooting Upgrading

Working with the Custom URL Layout [2018.0.2+]

Working with the Custom URL Layout [2018.0.2+]

The Custom URL layout is a display function used to display a URL property as a hyperlink, with a custom display string for the caption.

  1. Create a property group, and select a single property to display in that group.

  2. Use the Custom Display String to define the text to display to represent the link.

  3. Select the Layout 'URL'

  4. When the property is displayed in the page, it will now show the Custom Display String, but have the original URL.

Fig. URL Property

 

Related Topics

Select an Alternative Layout

Working with Text Editor

The Text Editor has an HTML content editor for formatting rich text in multi-line field. To use the Text Editor, you must enable "Enhanced Multi-line Text Control" on the Property Type Page for the Memotext Property Type. Without enabling this property, the Memotext field provides either read-only HTML or editable plain text fields.

Further, the Memotext field on a site can be edited in the text mode. However, you convert it to HTML in the Object Explorer, you can no longer edit the field.

 

You can edit the HTML content of your site with the Text Editor. Like Word processors, the Text Editor offers additional formatting options.

You can use the Text Editor to enter HTML code (including hyperlinks and images), print multi-line text, and copy and paste formatted text into other applications such as Microsoft Word.

 

Icon

Description automatically generated

Content pasted will have the formatting simplified to match the capabilities of the Editor. Styles such as Headings will be mapped to equivalent HTML styles.

 

Icon

Description automatically generated

The Text Editor uses an open-source TinyMCE program and can be found in the following location: Bin>WebDesigner>JS>External_async>TinyMCE

 

Icon

Description automatically generated

*TinyMCE is an open-source, platform-independent Javascript based WYSIWYG HTML editor and is released as open software under the LGPL license.

What Do You Want To Do?

Enable Enhanced Multi-line Text Editor for Internet Explorer

To use the Enhanced Multi-line Text Editor with Windows Internet Explorer, your server must enable a font setting under Internet Options.

To enable Enhanced Multi-line Text Editor for Internet Explorer:

  1. Go to Start , enter control panel, and then select Control Panel.

The Control Panel window appears.

Graphical user interface, text, application

Description automatically generated

  1. Click Network and Internet.

Text

Description automatically generated with low confidence

  1. Click Internet Options.

Internet Properties dialog box appears.

Graphical user interface, text, email

Description automatically generated

  1. Under Security, click Local intranet.

Graphical user interface, text, application, chat or text message

Description automatically generated

  1. Click Custom level.

Security Settings – Local Intranet Zone dialog box appears.

  1. Scroll to Font Download and click Enable.

Graphical user interface, text, application, chat or text message

Description automatically generated

  1. Click OK.

Graphical user interface, text, application

Description automatically generated

A Warning about changing the settings appears.

Graphical user interface

Description automatically generated

  1. Click Yes.

  2. Click Apply.

  3. Click OK.

Enhance Multi-line Text Editor will now be enabled for use with Internet Explorer.

Icon

Description automatically generated

Restart Internet Explorer to apply this setting change.

Enable Enhanced Multi-line Text Editing

To enable the Text Editor:

  1. Start the erwin Evolve Suite.

  2. Click Model Explorer.

  3. In the left pane, click the Design tab.

Graphical user interface, application

Description automatically generated

  1. Expand the required model. For example, EA Foundation – Sample Model.

Text

Description automatically generated

  1. Select the required object type. For example, Applications.

Graphical user interface, text

Description automatically generated

  1. In the right pane, double-click Description.

The Property Type properties: Description dialog box opens.

Graphical user interface, text, application, email

Description automatically generated

Icon

Description automatically generated

Ensure that Data Type is Multi-line text before selecting Enhanced Multi-line Text Control check box.

  1. Under General, select the Enhanced Multi-line Text Control check box.

The Enhanced Multi-line Text Control pop-up appears.

  1. After reading pop-up information, click OK.

  2. Click OK.

Graphical user interface, text, application, email

Description automatically generated

  1. Start Evolve Designer.

  2. Click a model. For example, EA Foundation Sample Model.

  3. Click Site.

  4. Expand Site > Object Pages > application > Application > Tabs > Properties.

Diagram

Description automatically generated

  1. Click Description.

  1. Under Layout, select memotext.

Graphical user interface, text, application, email

Description automatically generated

  1. Click Save and then click Dynamic Site.

Icon

Description automatically generated

Before editing the HTML text field in erwin Evolve Web and erwin Web Modeler, ensure that TinyMCE is available in Model Explorer.

To view TinyMCE in the Model Explorer:

  1. Start the erwin Evolve Suite.

  2. Click Model Explorer.

  3. Expand the required Model. For example, EA Foundation – Sample Model.

  1. Click Applications.

Graphical user interface, text

Description automatically generated

  1. Double click the application for which you want to view TinyMCE. For example, Salesforce.

A picture containing graphical user interface

Description automatically generated

Application properties – Salesforce dialog box opens.

 

Graphical user interface, text, application, email

Description automatically generated

  1. Click Description.

Graphical user interface, application, Teams

Description automatically generated

The TinyMCE editor opens.

Graphical user interface, text, application

Description automatically generated

Ensure that TinyMCE is available for selected object.

  1. Click OK.

  2. On the View menu, click Refresh List.

Graphical user interface, application

Description automatically generated

  1. Close the Model Explorer.

To edit the HTML text field in erwin Evolve Web:

  1. Open the browser and login to erwin Evolve Web.

  2. Click a model. For example, EA Foundation – Sample Model.

  3. In the left pane, click Application.

A screenshot of a phone

Description automatically generated with medium confidence

  1. Click Application List.

Graphical user interface, text, application, chat or text message

Description automatically generated

  1. Click Icon

Description automatically generated, to open the required application properties.

  2. Click the Edit icon to edit the Description.

Icon

Description automatically generated

The TinyMCE editor opens for Description.

  1. Edit the Description and click the Save Changes icon.

Icon

Description automatically generated

The Update Summary details appear in right pane.

  1. Click Submit.

To edit the HTML text field in erwin Web Modeler:

  1. Open the browser and login to erwin Evolve Web.

  2. Click a model. For example, EA Foundation – Sample Model.

  1. In the left pane, click Application.

  1. Click Application Architecture.

Graphical user interface, text, application, chat or text message

Description automatically generated

  1. Click the Edit Diagram In Web Modeler icon.

Graphical user interface

Description automatically generated

The available draft diagrams appear.

Graphical user interface, text, application, email

Description automatically generated

  1. To open any draft diagram in erwin Web Modeler, Click .

    The erwin Web Modeler editor opens in a new tab with the predefined Shape Palette of the template
    chosen.

  2. Select the required application object. For example, Salesforce.

  3. Click to view the object properties.

  4. Scroll to Description and click the Edit icon.

Text

Description automatically generated

TinyMCE dialog box opens to edit the Description.

Graphical user interface, text, application, email

Description automatically generated

  1. Edit the description as you want and click Update.

  2. Click to publish the diagram.

  1. Click Confirm Publish.

Graphical user interface, text

Description automatically generated

Once the diagram is published in the erwin Web Modeler, it can be accessed from the Modeler in the desktop application.

Review and Approval Notifications

If Workflowhas been enabled for your site, when a text field has been altered using the Text Editor and a user desires to save the changes made, the designated Approver is sent a 'Pending Changes' notification email. Any changes made will not be implemented until authorized by the Approver. The Approver will receive an email stating: 'This property contains HTML content. Please review this change in Evolve'. -prompting them to access Evolve and assess the detail of all HTML changes made. This content is not included within the email as email systems will often display this incorrectly and cause confusion for the user.

SeeWorking with Tasks

Displaying Diagrams

Display a CW Modeler Diagram

Any diagram in your model created in CW Modeler can be displayed in your Evolve Site.

You can display diagrams on any Object Page where the focus is the Diagram Object Type, or on Object Pages where the focus is a different Object Type, but a Tab is used to display diagrams the object appears on or details.

You can also display diagrams on Index Pages where one or more diagrams are returned. For performance and usability reasons it may not be appropriate to display multiple diagrams on one Index Page, however you could easily use the page filters so that only one diagram is returned in the results.

The default method for displaying CW Modeler diagrams is to use the CW Modeler Diagram behavior, but you can experiment with a newer behavior - Vector (HTML5) - which provides improved quality and scaling.

Display a CW Modeler diagram

Icon

Description automatically generated

These instructions detail how to display a CW Modeler diagram on an Object Page for the Diagram Object Type.

You can of course show Visualization diagrams in other places, such as below an Association node in a Tab on an Object Page, or below an Object Type node on an Index Page.

To display a CW Modeler diagram:

  1. In Evolve Designer, expand the Object Type node

  2. Right-click the Layout node and select Switch Layout > CW > Diagram

A Layout Diagram node is added.

  1. Right-click the Layout Diagram node and select Add Behaviors > CW > CW Modeler Diagram

The CW Modeler Diagram node is added.

  1. Select the CW Modeler Diagram node and edit its properties:

  • Use Full Screen to specify if the diagram should be shown in full-screen mode.

  • Use the Diagram Popouts area to specify any Diagram Popouts you want to configure for this page.

  1. Save and Publish your Site.

Display a CW Modeler Diagram

Any diagram in your model created in CW Modeler can be displayed in your Evolve Site.

You can display diagrams on any Object Page where the focus is the Diagram Object Type, or on Object Pages where the focus is a different Object Type, but a Tab is used to display diagrams the object appears on or details.

You can also display diagrams on Index Pages where one or more diagrams are returned. For performance and usability reasons it may not be appropriate to display multiple diagrams on one Index Page, however you could easily use the page filters so that only one diagram is returned in the results.

The default method for displaying CW Modeler diagrams is to use the CW Modeler Diagram behavior, but you can experiment with a newer behavior - Vector (HTML5) - which provides improved quality and scaling.

Display a CW Modeler diagram

Icon

Description automatically generated

These instructions detail how to display a CW Modeler diagram on an Object Page for the Diagram Object Type.

You can of course show Visualization diagrams in other places, such as below an Association node in a Tab on an Object Page, or below an Object Type node on an Index Page.

To display a CW Modeler diagram:

  1. In Evolve Designer, expand the Object Type node

  2. Right-click the Layout node and select Switch Layout > CW > Diagram

A Layout Diagram node is added.

  1. Right-click the Layout Diagram node and select Add Behaviors > CW > CW Modeler Diagram

The CW Modeler Diagram node is added.

  1. Select the CW Modeler Diagram node and edit its properties:

  • Use Full Screen to specify if the diagram should be shown in full-screen mode.

  • Use the Diagram Popouts area to specify any Diagram Popouts you want to configure for this page.

  1. Save and Publish your Site.

Related Documents

The document was helpful.

Select Rating

I easily found the information I needed.

Select Rating