| CARVIEW |
Select Language
HTTP/2 200
date: Sun, 27 Jul 2025 13:56:01 GMT
content-type: text/html; charset=utf-8
vary: X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, X-Requested-With,Accept-Encoding, Accept, X-Requested-With
etag: W/"297f163fe930b385902dfb669ce249c3"
cache-control: max-age=0, private, must-revalidate
strict-transport-security: max-age=31536000; includeSubdomains; preload
x-frame-options: deny
x-content-type-options: nosniff
x-xss-protection: 0
referrer-policy: no-referrer-when-downgrade
content-security-policy: default-src 'none'; base-uri 'self'; child-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com *.rel.tunnels.api.visualstudio.com wss://*.rel.tunnels.api.visualstudio.com objects-origin.githubusercontent.com copilot-proxy.githubusercontent.com proxy.individual.githubcopilot.com proxy.business.githubcopilot.com proxy.enterprise.githubcopilot.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com api.githubcopilot.com api.individual.githubcopilot.com api.business.githubcopilot.com api.enterprise.githubcopilot.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com copilot-workspace.githubnext.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: blob: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com private-avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com release-assets.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com copilotprodattachments.blob.core.windows.net/github-production-copilot-attachments/ github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/
server: github.com
content-encoding: gzip
accept-ranges: bytes
set-cookie: _gh_sess=CVAHMUTJMkhS7M6yJpNlvzb%2BMfAIYGrhoHVZGgRh62%2FwXs2zAFJgY9eB1aAMyvjQ1SNkRzWqUo1%2FTIW2xV8pvfXF4pHyDwk2Qx41vFr56MykE1haskhJDL4r8EmryTotsnBaa9%2Feo6RDuSIBe9lA%2FzhyH0bRuvlzELP7ykqq39AdZx6nzTeT8uW69hub0H9Jng3qfndqN2Jydi5f%2F9NQ0RL9Trk%2FlBw2AdyprIoD4XM8r75stR6RyZD2uX4pEoIfRFQH%2BmPdHTQXt8Wm564mcw%3D%3D--R5en9wPsAHLvbNwe--ikCA%2BerBvYXUzR9fYmYQVA%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.1942233906.1753624561; Path=/; Domain=github.com; Expires=Mon, 27 Jul 2026 13:56:01 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Mon, 27 Jul 2026 13:56:01 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: C730:1369AB:ED2C88:137C90B:68862FF1
Text Fields · palexdev/MaterialFX Wiki · GitHub
Skip to content
Navigation Menu
{{ message }}
-
-
Notifications
You must be signed in to change notification settings - Fork 132
Text Fields
palexdev edited this page Jan 22, 2022
·
1 revision
-
Style Class: mfx-text-field
-
Default Stylesheet: MFXTextField.css
-
Default Skin: MFXTextFieldSkin.java
| Property | Description | Type |
|---|---|---|
| selectable | Specifies whether selection is allowed | Boolean |
| leadingIcon | Specifies the icon placed before the input field | Node |
| trailingIcon | Specifies the icon placed after the input field | Node |
| floatingText | Specifies the text of the floating text node | String |
| floating | Specifies if the floating text node is currently floating or not | Boolean |
| Property | Description | CSS Property | Type | Default Value |
|---|---|---|---|---|
| allowEdit | Specifies whether the field is editable | -mfx-editable | Boolean | true |
| animated | Specifies whether the floating text positioning is animated | -mfx-animated | Boolean | true |
| borderGap | For FloatMode.BORDER FloatMode.ABOVE modes, this specifies the distance from the control's x origin (padding not included) | -mfx-border-gap | Double | 10.0 |
| caretVisible | Specifies whether the caret should be visible | -mfx-caret-visible | Boolean | true |
| floatMode | Specifies how the floating text is positioned when floating. Can be: DISABLED, ABOVE, BORDER, INLINE |
-mfx-float-mode | FloatMode[Enum] | INLINE |
| floatingTextGap | For FloatMode.INLINE mode, this specifies the gap between the floating text node and the input field node | -mfx-gap | Double | 5.0 |
| graphicTextGap | Specifies the gap between the input field and the icons | -fx-graphic-text-gap | Double | 10.0 |
| scaleOnAbove | Specifies whether the floating text node should be scaled or not when the float mode is set to FloatMode.ABOVE | -mfx-scale-on-above | Boolean | false |
| textFill | Specifies the text color | -fx-text-fill | Color | Color.rgb(0, 0, 0, 0.87) |
| textLimit | Specifies the maximum number of characters the field's text can have | -mfx-text-limit | Integer | -1(Unlimited) |
-
.mfx-text-field
-
.mfx-text-field .floating-text
-
.mfx-text-field .text-field (to access the actual field node, should not be necessary)
-
Style Class: mfx-password-field
-
Default Stylesheet: MFXPasswordField.css
-
Default Skin: MFXTextFieldSkin.java
The password field has the same exact properties of MFXTextField
In addition to the styleable properties inherited by MFXTextField:
| Property | Description | CSS Property | Type | Default Value |
|---|---|---|---|---|
| allowCopy | Specifies if copying the password field text is allowed | -mfx-allow-copy | Boolean | false |
| allowCut | Specifies if it's allowed to cut text from the password field | -mfx-allow-cut | Boolean | false |
| allowPaste | Specifies if it's allowed to paste text from the clipboard to the field | -mfx-allow-paste | Boolean | false |
| showPassword | Specifies if the text should be un-masked to show the password | -mfx-show-password | Boolean | false |
| hideCharacter | Specifies the character used to mask the text | -mfx-hide-character | String (can be only one character, the String will always be cut to one character) | BULLET (unicode, public constant of MFXPasswordField) |
In addition to the CSS selectors inherited by MFXTextField:
-
.mfx-password-field .mfx-icon-wrapper (eye icon container)
-
.mfx-password-field .mfx-icon-wrapper .mfx-ripple-generator
-
.mfx-password-field .mfx-icon-wrapper .mfx-font-icon (the actual icon)
Clone this wiki locally
You can’t perform that action at this time.