<?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>Liferay 7.2 - Change attribute in CSS from JSP</title>
  <link rel="self" href="https://liferay.dev/c/message_boards/find_thread?p_l_id=119785294&amp;threadId=117296862" />
  <subtitle>Liferay 7.2 - Change attribute in CSS from JSP</subtitle>
  <id>https://liferay.dev/c/message_boards/find_thread?p_l_id=119785294&amp;threadId=117296862</id>
  <updated>2026-04-03T19:40:49Z</updated>
  <dc:date>2026-04-03T19:40:49Z</dc:date>
  <entry>
    <title>Liferay 7.2 - Change attribute in CSS from JSP</title>
    <link rel="alternate" href="https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=117296861" />
    <author>
      <name>Fabio Carvalho</name>
    </author>
    <id>https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=117296861</id>
    <updated>2019-09-27T10:10:26Z</updated>
    <published>2019-09-27T10:10:26Z</published>
    <summary type="html">&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;Hi,&lt;br&gt;&lt;br&gt;I have the following view.jsp:&lt;br&gt;&lt;pre&gt;&lt;code&gt;&amp;amp;lt;% List&amp;lt;datasource&amp;gt; dataSources = (List&amp;lt;datasource&amp;gt;) request.getAttribute("dataSources"); %&amp;amp;gt;
&amp;lt;aui:container cssclass="my-portlet"&amp;gt;
&amp;amp;nbsp; &amp;amp;nbsp; &amp;amp;lt;% for (DataSource dataSource : dataSources) { %&amp;amp;gt;
&amp;amp;nbsp;&amp;amp;nbsp; &amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp; &amp;amp;nbsp;&amp;lt;aui:container cssClass="title-container" /&amp;gt;
&amp;amp;nbsp;&amp;amp;nbsp; &amp;amp;nbsp;&amp;amp;lt;% } %&amp;amp;gt;
&amp;lt;/aui:container&amp;gt;&amp;lt;/datasource&amp;gt;&amp;lt;/datasource&amp;gt;&lt;/code&gt;&lt;/pre&gt;&lt;br&gt;And the following css:&lt;pre&gt;&lt;code&gt;.my-portlet {
&amp;amp;nbsp;&amp;amp;nbsp; &amp;amp;nbsp;min-width: 100%;
&amp;amp;nbsp;&amp;amp;nbsp; &amp;amp;nbsp;padding: 50px;
    -webkit-column-count: 4;
&amp;amp;nbsp; &amp;amp;nbsp; -moz-column-count: 4;
&amp;amp;nbsp; &amp;amp;nbsp;&amp;amp;nbsp;column-count: 4;
}

.my-portlet .title-container {
&amp;amp;nbsp;&amp;amp;nbsp; &amp;amp;nbsp;width: 100%;
&amp;amp;nbsp;&amp;amp;nbsp; &amp;amp;nbsp;height: 5px;
&amp;amp;nbsp;&amp;amp;nbsp; &amp;amp;nbsp;background: red;
}&lt;/code&gt;&lt;/pre&gt;&lt;br&gt;Now, my problem is that each&amp;nbsp;DataSource&amp;nbsp;object has a different background color String which I want to set it as the background color for my title-container. So, it is possible to change my css to set the background attribute in my title-container class to the one of the DataSource object?&lt;/body&gt;&lt;/html&gt;</summary>
    <dc:creator>Fabio Carvalho</dc:creator>
    <dc:date>2019-09-27T10:10:26Z</dc:date>
  </entry>
</feed>
