How to move the the text field and search button to the right side

[Cherry]

Hi All, 

How to move the the text field and search button to the right side like in the picture I attached. I would like to use a CSS for this. 

Looking forward to someone who can respond to my concern. 

Thank you so much.

[PotatoMato]

Hi @Cherry. You may insert the code below on the header element and disable the HTML editor on the Advanced tab.

 

<style>
.cbFormLabelCell{
margin-left: 750px!important;
}
</style>

You may adjust the margin value depending on your preference. Hope this helps.

 

-Potato

[Cherry]

1 hour ago, PotatoMato said:

Hi @Cherry. You may insert the code below on the header element and disable the HTML editor on the Advanced tab.

 

<style>
.cbFormLabelCell{
margin-left: 750px!important;
}
</style>

You may adjust the margin value depending on your preference. Hope this helps.

 

-Potato

Thank you so much. It works.

[TellMeWhy]

9 hours ago, Cherry said:

Hi All, 

How to move the the text field and search button to the right side like in the picture I attached. I would like to use a CSS for this. 

Looking forward to someone who can respond to my concern. 

Thank you so much.

An Alternative

<style>
div[style="display: table;"]{

margin-left: auto; 
margin-right: 0;

}

</style>

[Cherry]

39 minutes ago, TellMeWhy said:

An Alternative

<style>
div[style="display: table;"]{

margin-left: auto; 
margin-right: 0;

}

</style>

I will get to try this one. Thank you so much for the response.

[PotatoMato]

Hi! Just to update this post. Caspio has already created a How-to article for this. You may check this link: https://howto.caspio.com/tech-tips-and-articles/advanced-customizations/display-the-submit-or-search-button-inline/.

 

-Potato