Forum Discussion

Fred_Red's avatar
Fred_Red
Ideator I
7 years ago
Solved

Possible to change the style of a "Formatted text" in a form?

Hi! Is it possible to remove the "border" around the formatted text field. I can change background colors and so on but i havent found any way to remove the "border"! I use it for hyperlinks to d...
  • christopher_gillis's avatar
    christopher_gillis
    7 years ago

    Hi Fred,

    You can add field-specific css under the Field CSS tab of the Form Editor. Typically any CSS here will be applied to the container element that holds the input and label, but what you're looking for is to remove the border of the text field itself. To do this, you can add some specially formatted CSS like below.

    {$this field rule} span {
        border-width: 0 !important;
    }

    Using {$this field rule} allows you to apply CSS to the child elements of the field instead of the container. Formatted text fields use a <span/> element to draw the border, so all I've done here is set the border-width any <span/> elements in my field to 0 so that they are effectively hidden.

    Chris

    Christopher Gillis

    Aras Labs Software Engineer 

Former_Member's avatar
Former_Member
Ideator I
7 years ago

Hi Christopher,

What child element is used to apply CSS on a Field Type Dropdown if I want to change border radius etc?

{$this field rule} xxx {
    border-radius: 2px; 

}

Thanks in advance!

/Chris

christopher_gillis's avatar
christopher_gillis
New Member
7 years ago

Hi Chris,

You'll need to figure out what HTML element is used as the input for each field type. The easiest way to do this is to use your browsers developer tools (typically launched by pressing F12). These tools usually have a handy inspection tool that lets you click on an element in a page and see the HTML that represents it.

To give you a starting point, I'd also recommend taking a look at this blog post on disabling form fields. While disabling fields isn't your goal, this blog post does cover what input elements are used for each type of field in Aras Innovator.

Chris