Display Mode‎ > ‎

Separate Web Page

The Own Page option will instruct Action Form to redirect to a new page for actual page submission. You can create a text that is the main content, which also contains a special link that will get replaced with the actual URL where the form is located.

Create Separate Web Page Action Form
  1. Select the Own page(will redirect browser to another page) option from the Open Form In drop down box. This option is identified on Figure 1.

    • Below the Open Form In drop down box there is a text box called Page Text field. It shows a sample description and URL for the action form.

    • The Page Text field is identified with a blue arrow on Figure 1. You will need to edit this text and replace it with a description that best describes your action form. Make sure you keep the target link to [FormUrl].

    Figure 1: Identifies Own Page option


  2. To edit the sample text in the Page Text field click on the Edit Template link. It is identified with the orange highlight on Figure 1. The link will open the Edit Page Text editor where you will edit the sample text and insert the URL. It may take awhile for the editor to populate fully.

    Edit Page Text Editor

    When the Edit Page Text Editor populates you will see the sample text that you will need to edit in a text box. The editor provides two templates for editing the text, the Basic Text Box template and the Rich Text Editor template.

    Basic Text Box

    The Basic Text Box template is a simple text box that allows you to edit the URL description, the URL and the text link.

    1. To edit the text using the Basic Text Box template, click on the Basic Text Box option located at the top of the editor.

      • The Basic Text Box is identified with the blue arrow on Figure 2.

    2. Then click in the text box to edit the URL description, URL, and text link. Figure 2 shows the text in the Basic Text Box template that you will need to edit.

      • The text box is identified with the green arrow.

      • The URL description is the text that describes the target URL. It is identified with the orange highlight.

      • The URL is [FormURL] in the text box. You will need to keep this format. Action Form will replace it with the actual URL to open the form. This is identified with the green highlight.

      • The link text describes the link to the URL. It is identified with the blue highlight.

    Figure 2: Displays Basic Text Box Editor

3.    When you are done editing the text, click Save. It may take awhile to save the changes.
  •   When the Page Text editor finishes saving the text it will close and return to the Own Page template.

Rich Text Editor

Important: This is actually the Text Editor you have configured in your DotNetNuke installation so the actual features and layout depend on this.

The Rich Text Editor has more features than the Basic Text box Editor. It has a menu toolbar that allows you to customize text and URLs. Some of these features include a spellchecker, fonts, text alignment and custom links, including others. There is also a Design, a HTML and a Preview option. 

  • Design
    The Design option uses the toolbar menu to customize text and URLs
    .

  • HTML
    The HTML option allows you to view text and URLs in HTML format.

  • Preview
    The Preview option allows you to view the text as how it appears in the action form.
To edit the text in the Rich Text Editor template, click on the Rich Text Editor option located at the top of the editor. It is identified with the green arrow on Figure 3.

Figure 3: Displays Edit Page text Editor


    1. Click in the text box to edit the URL description and text link. The URL description is highlighted in orange and the text link in blue.

    2. Click the Design option to use the menu toolbar to customize the description, text link and URLs.

    3. To edit the text and text link in the Rich Text Editor, click in the Page Text field and change the text and text link to your preference.

      • The Design option has the blue highlight and the menu toolbar is identified with the blue arrow on Figure 3.

Using the Right URL

  1. To insert a URL click on Hyperlink Manager. Hyperlink Manager is identified with the orange arrow (it is a globe with a chain link) on Figure 3.

  2. When the Hyperlink Manager opens, insert the URL in the URL text field, identified with the orange arrow on Figure 4. You don't need to know the URL, just insert [FormUrl] and it will get replaced by Action Form with the correct URL.

Figure 4: Displays Hyperlink Manager Dialog Box


HTML and Preview Options

  1. If you would like to view or edit HTML tags, click on the HTML option on the Edit Page text editor. The HTML option is identified with the green highlight on Figure 3.

  2. You can also preview the text using the Preview option. It allows you to preview text and text link as well as show you how it looks in the action form. Previewing helps to determine if you would like to keep the current information or make any changes. This option is highlighted in yellow on Figure 3.

  3. When you are done click on Save.

    • The Page Text editor will close and return to the Own Page main page. You will see the text you edited in the Page text field.


  4. Below the Edit Template link there is the Initialization Javascripts field. Use this text field to enter script tags.

  5. When you are done click Save.

    • The Manage Action form will close and return to the action form on the main page. The action form should appear similar Figure 5. It shows the text description and the link to the action form. To open the form, click on the link. It will open the action form.
Figure 5: Displays AVT. Action Form

Comments