TextField

Form and theme XML code and CSS element selector

Inheritance diagram

Most commonly used form and theme properties

Associated 4gl syntax and ui methods

Influence and behavior

TextField is used to input and display text data of different formats in a single line of text.

TextField inserted in a GridPanel as seen in Lycia Form Designer:

Form XML code:

<TextField visible="true" identifier="f1"/>

Theme element filter XML code:

<ElementFilter ElementName="TextField">

   ...

</ElementFilter>

CSS element selector code:

qx-aum-text-field

.qx-aum-text-field .qx-text

Inheritance diagram:

Most commonly used form properties:

classnames

century

fieldTable

noEntry

notNull

required

identifier

toCase

horizontalAlignment

verticalAlignment

preferredSize

textAlignment

text

Most commonly used theme properties:

Font:

New Font

Family

Bold

Italic

Underline

Font Size

Fore Color

Associated 4gl syntax:

INPUT  

DISPLAY 

Associated ui methods:

SetText 

GetText 

SetInvisibleValue 

GetInvisibleValue

SetIsPasswordMask 

SetIsPasswordMask

SetMaxLength 

GetMaxLength 

SetToCase

GetToCase

Create

ForName

Influence and behavior:

To add a TextFIeld to your form, you

Step 1. Choose a TextFIeld from the widgets palette by left-clicking its icon.

Step 2. Select the place in the form where you want to put the TextFIeld.

Step 3. Left-click the selected spot (cell or sector) to place the TextFIeld there.

Step 4. The TextFIeld is now added to your form, and you can see it in the Structure view.

 

Here you can find out how to change the initial text displayed to the text field in the form:

Here you can find out how to change the text displayed to the text field at runtime using ui methods or DISPLAY ... TO statement.

 

Here you can find out how to input text to text fields using the INPUT statement, e.g.:

INPUT BY NAME f1 WITHOUT DEFAULTS

 

You can change appearance properties of a text field in Lycia Form Designer. However, we recommend applying appearance properties via user themes and css.

To apply a property to a text field, set its value in the user theme, directly or using filters.

In the example below, we change the font used to display text to a definite text field by applying the New Font property with a With ID... filter.

property applied in the user theme:

theme XML code:

runtime behavior:

In the example below, we use css to change the text style of the button:

.qx-aum-text-field .qx-text {

    padding: 2px;

    padding: 5px 10px;

    color: white !important;

    font: bold 14px "Calibri","Helvetica Neue", Sans-Serif;

}

 

At runtime, text fields can be manipulated with ui methods.

Here you can find out how to change the case of the input text using the setToCase() method:

Here you can find out how to make the input values invisible by using the setInvisibleValue() method:

Here you can find out how to make the input values invisible by using the setIsPasswordMask() method:

 

 

Contact Us

Privacy Policy

Copyright © 2024 Querix, (UK) Ltd.