Text Widget

With the Text Widget, you can show text in the WebUI, style it, insert images in between and around it and let the text or images link to other pages, both internal and external.

An example of what a text widget could look like can be seen below.

Widget menu

When in edit mode, the text widget’s menu looks as follows:

From left to right, the buttons can be used to change font size, to make text bold, italic, underlined, strikethrough and/or colored, to change the background color of a piece of text, to create links, to insert images, to create lists and bullet points and to change text alignment.

Inserting images

To insert an image, the image would first have to be placed into the WebUI/resources/images folder of your AIMMS project. Then, click on the ‘Image’ button and copy the complete image name (including the image type) into the box that pops up. If done correctly, you would be able to already see a preview of the image. Then click ‘Insert’ to insert the image into the text box.

Creating links

To create a link within a text widget, select the part of the text or an image you want to make a link out of and press the ‘Link’ button. For creating a link to another page within your WebUI app, type ‘/[AIMMS project name]/[Page name]’ (for example ‘/Text App/Welcome Page’, if you want to link to a page named ‘Welcome Page’ inside an app called ‘Text App’) into the box that pops up and click ‘Done’. If you want to create a link to an external page, simply paste the external page’s URL into the box. To change or remove a link, move your cursor to the left or right of the link and follow the menu that pops up.

Lastly, to exit the text widget’s editing mode, click the in the top right of the text box.

Last Updated: June, 2019