<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <title>Increase height of aui:input type="text" in liferay</title>
  <link rel="self" href="https://liferay.dev/c/message_boards/find_thread?p_l_id=119785294&amp;threadId=36877031" />
  <subtitle>Increase height of aui:input type="text" in liferay</subtitle>
  <id>https://liferay.dev/c/message_boards/find_thread?p_l_id=119785294&amp;threadId=36877031</id>
  <updated>2026-06-12T07:42:20Z</updated>
  <dc:date>2026-06-12T07:42:20Z</dc:date>
  <entry>
    <title>RE: Increase height of aui:input type="text" in liferay</title>
    <link rel="alternate" href="https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=36909705" />
    <author>
      <name>Meera Prince</name>
    </author>
    <id>https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=36909705</id>
    <updated>2014-04-16T10:13:00Z</updated>
    <published>2014-04-16T10:13:00Z</published>
    <summary type="html">Hi&lt;br /&gt;yes when we pass css class that will used for &amp;lt;span&amp;gt; tag not for &amp;lt;input/&amp;gt; element that is why its not effected.&lt;br /&gt;&lt;br /&gt;But direct style tag should work i don&amp;#39;t know why its not worked..check its once again&lt;br /&gt;&amp;lt;div id=&amp;#34;mycontainer&amp;#34;&amp;gt;&lt;br /&gt;&amp;lt;aui:input type=&amp;#34;text&amp;#34; id=&amp;#34;name&amp;#34; name=&amp;#34;name&amp;#34; style=&amp;#34;height: 30px;&amp;#34;/&amp;gt;  it should work&lt;br /&gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;or ovveride css properties in ur local jsp&lt;br /&gt;&amp;lt;style&amp;gt;&lt;br /&gt;#mycontainer  .aui-field-input-text{&lt;br /&gt;height: 30px;&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&lt;br /&gt;Regards,&lt;br /&gt;Meera Prince</summary>
    <dc:creator>Meera Prince</dc:creator>
    <dc:date>2014-04-16T10:13:00Z</dc:date>
  </entry>
  <entry>
    <title>RE: Increase height of aui:input type="text" in liferay</title>
    <link rel="alternate" href="https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=36905883" />
    <author>
      <name>Karthik V S</name>
    </author>
    <id>https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=36905883</id>
    <updated>2014-04-16T09:07:13Z</updated>
    <published>2014-04-16T09:07:13Z</published>
    <summary type="html">hi pankaj,&lt;br /&gt;&lt;br /&gt;I had done the method that you had specified but it is not working. i.e it is not reflecting to the TextBox when css class is added.&lt;br /&gt;&lt;br /&gt;With Regards,&lt;br /&gt;&lt;br /&gt;V S Karthik</summary>
    <dc:creator>Karthik V S</dc:creator>
    <dc:date>2014-04-16T09:07:13Z</dc:date>
  </entry>
  <entry>
    <title>RE: Increase height of aui:input type="text" in liferay</title>
    <link rel="alternate" href="https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=36901339" />
    <author>
      <name>Pankaj Kathiriya</name>
    </author>
    <id>https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=36901339</id>
    <updated>2014-04-16T06:01:13Z</updated>
    <published>2014-04-16T06:01:13Z</published>
    <summary type="html">&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;Use cssClass attribute to aui:input tag.&lt;br&gt;&lt;br&gt;&lt;pre&gt;&lt;code&gt;&amp;lt;aui:input cssclass="abcClass" name="abc"&amp;gt;
		&amp;lt;/aui:input&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;br&gt;&lt;br&gt;And have css defined for that class.&lt;br&gt;&lt;br&gt;&lt;pre&gt;&lt;code&gt;.abcClass{
height:30px;
}&lt;/code&gt;&lt;/pre&gt;&lt;/body&gt;&lt;/html&gt;</summary>
    <dc:creator>Pankaj Kathiriya</dc:creator>
    <dc:date>2014-04-16T06:01:13Z</dc:date>
  </entry>
  <entry>
    <title>RE: Increase height of aui:input type="text" in liferay</title>
    <link rel="alternate" href="https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=36897979" />
    <author>
      <name>Karthik V S</name>
    </author>
    <id>https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=36897979</id>
    <updated>2014-04-16T05:33:56Z</updated>
    <published>2014-04-16T05:33:56Z</published>
    <summary type="html">hi meera,&lt;br /&gt;&lt;br /&gt;Thanks for the solution which can be done through firebug (inspecting Element).&lt;br /&gt;But by using style=&amp;#34;height:30px; in aui:input property, it is not working.&lt;br /&gt;&lt;br /&gt;With Regards,&lt;br /&gt;&lt;br /&gt;V S Karthik</summary>
    <dc:creator>Karthik V S</dc:creator>
    <dc:date>2014-04-16T05:33:56Z</dc:date>
  </entry>
  <entry>
    <title>RE: Increase height of aui:input type="text" in liferay</title>
    <link rel="alternate" href="https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=36879435" />
    <author>
      <name>Meera Prince</name>
    </author>
    <id>https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=36879435</id>
    <updated>2014-04-15T15:01:13Z</updated>
    <published>2014-04-15T15:01:13Z</published>
    <summary type="html">Hi&lt;br /&gt;Use Google chrome  inspect element feature and look  for  what are the css have been used by input. then override those CSS.&lt;br /&gt;&lt;br /&gt;or else try&lt;br /&gt;&lt;br /&gt;&amp;lt;aui:input type=&amp;#34;text&amp;#34; id=&amp;#34;name&amp;#34; name=&amp;#34;name&amp;#34;  style=&amp;#34;height:30px;&amp;#34;/&amp;gt; &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Regards,&lt;br /&gt;Meera Prince</summary>
    <dc:creator>Meera Prince</dc:creator>
    <dc:date>2014-04-15T15:01:13Z</dc:date>
  </entry>
  <entry>
    <title>Increase height of aui:input type="text" in liferay</title>
    <link rel="alternate" href="https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=36877030" />
    <author>
      <name>Karthik V S</name>
    </author>
    <id>https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=36877030</id>
    <updated>2014-04-15T14:54:56Z</updated>
    <published>2014-04-15T14:54:56Z</published>
    <summary type="html">hi&lt;br /&gt;&lt;br /&gt;I awant to increase the height of a textbox in liferay in aui:input type=&amp;#34;text&amp;#34;. How can we achive it. I have used size property but it is increasing only the width of a textbox but not the height. If we use style, it is not working. If we put say height=&amp;#34;30&amp;#34;, then alos it is not working.&lt;br /&gt;&lt;br /&gt;Need help with this regard.&lt;br /&gt;&lt;br /&gt;Thanks in advance.&lt;br /&gt;&lt;br /&gt;With regards,&lt;br /&gt;&lt;br /&gt;V S Karthik</summary>
    <dc:creator>Karthik V S</dc:creator>
    <dc:date>2014-04-15T14:54:56Z</dc:date>
  </entry>
</feed>
