<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="https://community.appian.com/cfs-file/__key/system/syndication/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>Problem with components alignment</title><link>https://community.appian.com/discussions/f/user-interface/20465/problem-with-components-alignment</link><description>Hi everyone, 
 
 I have this in an interface: 
 
 
 But if the user, types an invalid &amp;quot;NIF usuario&amp;quot;, the validation message we have, makes the components misaligned: 
 
 
 
 Internally, its a sidebyside with 3 items, all inside a column. 
 
 THX!</description><dc:language>en-US</dc:language><generator>Telligent Community 12</generator><item><title>RE: Problem with components alignment</title><link>https://community.appian.com/thread/79790?ContentTypeID=1</link><pubDate>Tue, 23 Feb 2021 15:41:27 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:f3e3bdfe-0a5e-44a8-8d08-7f584251d52e</guid><dc:creator>Richard Michaelis</dc:creator><description>&lt;p&gt;Does make a &amp;quot;columnLayout&amp;quot; a difference compared to side by side?&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Problem with components alignment</title><link>https://community.appian.com/thread/79789?ContentTypeID=1</link><pubDate>Tue, 23 Feb 2021 15:17:20 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:b890ec81-1fc6-452f-8164-5fa1736fba67</guid><dc:creator>Mike Schmitt</dc:creator><description>&lt;p&gt;Yeah, having &amp;quot;ABOVE&amp;quot; defined labels does kinda screw this up when also adding an element with no external label component such as a button.&amp;nbsp; Maybe try making the input fields have no labels (with &amp;quot;COLLAPSED&amp;quot; label positions), and instead show the labels in the placeholder text?&amp;nbsp; This would allow you to use &amp;quot;TOP&amp;quot; vertical alignment but still keep your button on the same level as the input boxes.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Problem with components alignment</title><link>https://community.appian.com/thread/79788?ContentTypeID=1</link><pubDate>Tue, 23 Feb 2021 15:14:50 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:90b273c2-37a8-4caa-b461-6e710e868ecf</guid><dc:creator>Miguel Angel Minsait</dc:creator><description>&lt;p&gt;&lt;img alt=" " src="/resized-image/__size/320x240/__key/communityserver-discussions-components-files/13/Captura3.PNG" /&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&amp;quot;MIDDLE&amp;quot; not working neither&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Problem with components alignment</title><link>https://community.appian.com/thread/79787?ContentTypeID=1</link><pubDate>Tue, 23 Feb 2021 15:12:11 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:1e6f6faa-10e1-4c5f-b08d-6d1a3d4afea3</guid><dc:creator>Mike Schmitt</dc:creator><description>&lt;p&gt;What happens if you try &amp;quot;TOP&amp;quot; instead?&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Problem with components alignment</title><link>https://community.appian.com/thread/79786?ContentTypeID=1</link><pubDate>Tue, 23 Feb 2021 15:11:40 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:affc38d9-5f85-4e96-be4a-afd9f92be1c5</guid><dc:creator>Miguel Angel Minsait</dc:creator><description>&lt;p&gt;BOTTOM&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Problem with components alignment</title><link>https://community.appian.com/thread/79785?ContentTypeID=1</link><pubDate>Tue, 23 Feb 2021 15:10:10 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:76b794ad-fab9-47e4-9415-d954abface7c</guid><dc:creator>Mike Schmitt</dc:creator><description>&lt;p&gt;What Vertical Alignment property do you have set in your SideBySideLayout?&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Problem with components alignment</title><link>https://community.appian.com/thread/79783?ContentTypeID=1</link><pubDate>Tue, 23 Feb 2021 14:50:20 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:67701858-d28f-4799-a0bd-a02454a32e3e</guid><dc:creator>Miguel Angel Minsait</dc:creator><description>&lt;p&gt;I wanto to avoid the misalignment. Below, if the data its valid i show a section to show/imput data of the user, depending if the user exists or not&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Problem with components alignment</title><link>https://community.appian.com/thread/79771?ContentTypeID=1</link><pubDate>Tue, 23 Feb 2021 13:32:29 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:0c09aeab-4cce-4453-9662-44af5853f64f</guid><dc:creator>Richard Michaelis</dc:creator><description>&lt;p&gt;i am not sure what your exact question is:&lt;br /&gt;Do you want ot avoid&amp;nbsp;the misalgnment after the validation?&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;br /&gt;What kind of elements are following below?&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item></channel></rss>