384
Views
3
Comments
Solved
How can I put space between two text field ?
Question

I have been putting a container between two text field but it  doesn't add any space between them . how can i do it.

2024-01-18 12-42-28
Bogdan Boglea
Solution

You can adding some margin-left to your second input widget:



2023-12-14 09-56-57
Yogesh Javir

hey,
You can try CSS to add spacing like margin and padding  between two input text field

.classname{
margin-left:10px !important;

or

margin-top:10px !important;


//if required padding then try

padding -left:10px !important;

or 

padding -top:10px !important;
}

Once class created, try to add class to text field


or try below


Hope this will help you.

Yogesh

UserImage.jpg
Shih Chuan Lin

Hi Patrik,

Adding an empty container means adding an empty div between your texts. This is not going to do the spacing that you are trying to achieve. 

What I suggest is to declare your own style class, or uses Outsystem's Live Style Guides classes to your texts at the style class field. 


I recommend using class to control styles instead of assign specific styles to each elements, because it's easier to reuse these styles and also saves a lot of time while maintaining your code.

For more detail information about Live Style Guides please visit the site below.

https://outsystemsui.outsystems.com/WebStyleGuidePreview/Spacing.aspx

Hope this can help you.

David

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.