# Customize Form component?

**URL:** <https://forum.adalo.com/t/customize-form-component/25644>\
**Category:** Design\
**Created:** [April 7, 2022, 12:07am UTC](https://forum.adalo.com/t/customize-form-component/25644 "2022-04-07T00:07:17Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mmccray](https://avatars.discourse-cdn.com/v4/letter/m/ecd19e/32.png) [@mmccray](https://forum.adalo.com/u/mmccray)\
**Post date:** [April 7, 2022, 12:07am UTC](https://forum.adalo.com/t/customize-form-component/25644/1 "2022-04-07T00:07:17Z")

</div>

Is there a way to customize the form i.e., remove the box outline and just have a bottom line for the inputs, put icons next to the labels, etc.

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [April 7, 2022, 3:24am UTC](https://forum.adalo.com/t/customize-form-component/25644/2 "2022-04-07T03:24:48Z")

</div>

Hi @mmccray,

> [@mmccray](#):
>
> Is there a way to customize the form

You can Customize the form going to the Edit Styles.

![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/8/2/82c3fd7f2f7400b9d3c9fc7ae6e2408f186c4c7b.png)  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/b/f/bf04de433344cd4d5aa0c584b45adfee47c7035d.png)

> [@mmccray](#):
>
> remove the box outline

You can set this to 0.

![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/d/0/d01fcf3a1b99c653081be990bdff1bcddd3f6904.png)

![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/7/d/7d4d0039b2e813dc7502479b391c4765b168a0f9.png)

> [@mmccray](#):
>
> just have a bottom line for the inputs

I think you can do this with the Shadow option.

![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/f/9/f91a851df1f0f3ef5dbd66b80295a54605ddf13b.png)

![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/c/d/cd83ce0e7016416090e6c4e1a7772b379346e192.png)

> [@mmccray](#):
>
> put icons next to the labels

You can put Emojis.

![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/7/f/7f1ed8867dc2b20e3e042e6fb4da3930ddcda171.png)

![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/c/8/c8224b6a56424d29b017e059835684197762a8d2.png)

Or you can give a try to a Custom Form. You can do all the things!

Thank you

---

<div class="post-metadata">

**Author:** ![Flawless](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/flawless/32/20131_2.png) [@Flawless](https://forum.adalo.com/u/Flawless)\
**Post date:** [April 7, 2022, 2:32pm UTC](https://forum.adalo.com/t/customize-form-component/25644/3 "2022-04-07T14:32:54Z")

</div>

Hey there @mmccray

Your best bet is to create a custom form using inputs. That way, you can add “line” components below your inputs for the ‘bottom-border’ effect.

You’d also be able to add icon components in the same regard if you use inputs instead of the actual form component.

Here’s an example:

 ![Screen Shot 2022-04-07 at 8.35.21 AM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/4/2/42e52afc90242a5a2081cbcb01053f65e063536c.png)

Then, coupled with NoCode Monkey’s “Multi-input validator” component, you can have a really nice-looking form (styled however you’d like) with validation requirements for your inputs. Here’s the link to that: [Multi-Input Validator for Adalo | NoCode Monkey](https://www.nocodemonkey.io/components/multi-input-validator)

---

<div class="post-metadata">

**Author:** ![mmccray](https://avatars.discourse-cdn.com/v4/letter/m/ecd19e/32.png) [@mmccray](https://forum.adalo.com/u/mmccray)\
**Post date:** [April 7, 2022, 4:20pm UTC](https://forum.adalo.com/t/customize-form-component/25644/4 "2022-04-07T16:20:59Z")

</div>

Thank you @Flawless and @Dilon for the suggestions, these are great solutions!! I appreciate your time with answering my questions.