How Can We Help?

Changing the Look of your Application Using Content Management Tab

You are here:
< Back

Changing the Order Fields/Groups Are Displayed

In your final application, when it is published, fields will be displayed in the order they appear in the form, ergo changing the order in the form changes where they appear on the screen in your final application.

TO REARRANGE THE ORDER FIELDS ARE DISPLAYED IN YOUR APPLICATION
1. On the Requirements Analysis tab, right-click a form in the Forms box and click Change Element Order.
2. Click a field you want to reorder and click the up or down arrow to move it.
3. When you are finished, click the Done button.

Adding a Toolbar to Your Application

When you’re creating a web application, you can choose to give the application a toolbar that shows commands that users can use. But you may not want your application to have a toolbar. Maybe you want to use buttons instead. It’s up to you.

The buttons on the toolbar are:

o Create PDF
o Delete
o Find
o Help
o Link
o Logout
o Move
o New
o Next Item
o Next Step
o Previous Item
o Previous Step

TO ADD A TOOLBAR TO YOUR APPLICATION
1. Click the Content Management tab.
2. Enable the Show Tool Bar on Web check box.

TO CUSTOMIZE THE BUTTONS IN YOUR APPLICATION
1. Click the Content Management tab.
2. In the Graphics area, click the Previous and Next buttons until you find the button you want to change.
3. Click the button.
4. Navigate to the graphic you want to use for your button.
5. Click Accept.

Customizing Component Names in Application

By default, the component names in Text-to-Software are:
• Elements (a.k.a. fields)
• Groups (a.k.a. forms)
• SubGroups (a.k.a. subforms)
• Activities
• States
• Actions
• Events
• Transitions

However, you can customize these names to anything that makes sense to you. Please note, though, that the online Help uses the default names whenever referring to Text-to-Software components. So, if you rename your elements/fields “Nyarlathotep the Crawling Chaos”, you’re not going to be able to find an “Adding Nyarlathotep the Crawling Chaos To Applications” Help topic.

TO RENAME YOUR COMPONENTS
1. Click the Content Management tab.
2. In the Text area, click the Previous and Next buttons until the name of the component that you want to change is displayed.
3. Type a new name for the component in the text box.
4. Repeat until you have renamed all the components you want to.

Changing the Font of Your Application

NOTE! You can set the default font for your application, but users can change the font and font size whenever they like. Still, it’s good to set an easy-to-read font in an easy-to-read size.

TO CHANGE THE FONT OF AN APPLICATION
1. With your application open/loaded, click File, Change Font.
2. In the left box of the font dialog, click any font but comic sans ms.
3. In the right box, click a font size.
4. Click Accept.

Setting the background and input field colours of Text-to-Software

Themes is located in Text-to-Software’s Content Management Tab.
Themes will change the colours within an application. There is the option to choose between an existing theme and a customized one. Using Themes, the colour of the application background as well as the colour for each of its Smart Parts can be set. Themes are specific to the application being designed.

Creating a New Theme

New themes can also be created for an application. To do this, follow these steps:
• Click on the + in the right corner of the top blue bar. A box will appear asking you to name the new theme.
• Then click okay. This will add the new theme to the Themes list.
A prompt will appear asking whether to make this the new theme for the application. The new theme can now be edited by following the Editing an Existing Theme procedure.

NOTE! To ensure that your application adopts the new theme, close any open instances of the application before you select the theme you want and upload it to the server. You can then relaunch the application with the new theme.

Changing to an Existing Theme

Text-to-Software has a default theme as well as a number of other existing themes that can be chosen from.
To change from the default theme to another existing theme:

• Go to Themes in the Content Management Tab
• Select the Smart Part that you want to change the background colour and then select the Themes colour. The new colour scheme will appear in the Theme preview window above.
• To apply the selected theme to your application, right-click the selected theme and select Make current.

Upload the application to the server and then re-launch.

Editing an Existing Theme

Existing themes can be edited by selecting the theme to edit, right-clicking and then selecting Choose colour. From here change the background colour for that particular theme. The same can then be done for each Smart Part by selecting the Smart Part to edit and then right-clicking and selecting Choose colour.
Selecting Apply colour to all when selecting the Smart Part colour will apply the colour associated to that particular Smart Part to all of the Smart Parts.
In order to edit an existing theme, do the following:

• Change the colour of a single Smart Part Select the theme, right-click the Smart Part, and select Choose colour
• Make all Smart Parts the same colour Select the theme, right-click a Smart Part, select Apply colour to all
• Delete a theme Right-click the theme and select Delete
• Bring back the original Text-to-Software Default themes that were deleted
• Click the Reset button

Creating Text Labels

At the top, right of the screen is the Text Labels field. This is the area where text can be added in any reports, invoices, labels, etc. that have been added to the application. To go to the desired label, follow these steps:

• Click the arrow buttons in the blue bar to move up and down the loop of titles.
• To edit, delete the text in the box and type in the desired name, label or descriptor.

Working with the Text-to-Software Graphics

Text-to-Software backgrounds can also be changed by using the Text-to-Software Graphics area in Content Management. You can use the buttons to:
• Capture
• Import
• Resize
• Load
• Export
There is also the UX Tools button that you can use to create and edit images.
Clicking the UX Tools button to open the UX Tools editor. The buttons at the top show you all the features of this editor. To return to the default theme, click the Reset button.

Working with Web Controls

When developing an application for the Web, multiple things can be customized like:
• The Text-to-Software toolbar can appear on the Web application by clicking the Menu Bar check box
• The background colour for the application can be set by clicking on the Set Colour button and choosing a colour in the Colour Picker
• A gradient to the colour used on the Web page can be applied by clicking the Gradient check box and then chose the colour and direction of the gradient
• Selecting the Automatic Login check box, and then putting the application username and password in the respective fields will provide automatic login to the Web application.

Previous Basic Steps in SageTea
Next Creating Applications in the Text-to-Software Requirements Tab, Using Use Cases and Requirements
Table of Contents