Generating Link Menus and Pop-up Windows
3 minutes to readThis article includes a generator that will help you create link menus. Link menus can be helpful while perfecting the functionality of your application or if you plan to use primarily the URL deployment method. The generator can also generate pop-up window links which can be tedious to type manually.
Steps:
- Create a link by entering the destination URL and the link text.
- The destination URL can be either the URL obtained from deploying a DataPage using the URL deployment method or it can be the host webpage URL.
- The link text is the text that is visible to your end user.
- Select the link type:
- Direct – creates a direct link that will direct the current browser window to the destination URL.
- New Window / Tab – opens the destination URL in a new window or tab depending on the users browser settings
- Pop-up – creates a new pop-up window containing the destination URL. You can customize the pop-up width and height in the Advanced Features.
- Pass data using parameters.
- Entering data into the Parameter 1 and Parameter 2 fields will automatically generate query strings at the end of the destination URL.
- Typically the parameter value section is replaced with a dynamic variable within the DataPage using the parameter insert buttons located with HTML blocks. This is why the default values are ‘AAAAA’ and ‘BBBBB’ so that these strings can be quickly located and replaced.
- Create link menus.
- Every time you add a new link, the link is appended to the end of the menu. Once links are created the order cannot be changed using the generator. If you make a mistake, press the clear button and start over or attempt to correct the HTML yourself.
- Add the menu code to your DataPages.
- Test the links in your menu directly in the “Menu Tester” panel. The “HTML Code – Copy & Paste” panel gives you the HTML code of the menu.
- Copy and paste this menu code directly into your DataPage. Some common locations for link menus are:
- DataPage Headers and Footers
- At the end of each List Report record
- In the Destination and Emails screen
- In an HTML Page used as a main portal
Note: This article uses external HTML, JavaScript, or third-party solutions to add functionality outside of Caspio standard feature set. These solutions are provided “as is” without warranty, support or guarantee. The code within this article is provided as a sample to assist you in the customization of your web applications. You may need a basic understanding of HTML and JavaScript to implement successfully.
For assistance with further customization based on your specific application requirements, please contact our Professional Services team.