modified table cell width and height in search container

RE: modified table cell width and height in search container

2020-09-21T14:22:17Z

Thanks,
Mohammed

RE: modified table cell width and height in search container

2020-09-21T08:02:45Z

Hi ,
I tried the code u have shared and it is updating the height and width of the cell, below is my code (Liferay 7.3.4 GA5)

&lt;%
&nbsp;&nbsp; &nbsp;int userCount = UserLocalServiceUtil.getUsersCount();
%&gt;
<liferay-ui:search-container   total="<%=userCount %>" delta="5" rowchecker="<%=new RowChecker(renderResponse) %>">
&nbsp; &nbsp; <liferay-ui:search-container-results results="<%=UserLocalServiceUtil.getUsers(searchContainer.getStart(), searchContainer.getEnd())%>" />
&nbsp; &nbsp; &nbsp;<liferay-ui:search-container-row  cssclass="search-container" classname="com.liferay.portal.kernel.model.User"  modelvar="userTemp"   escapedmodel="<%= true %>" indexvar="indexNumber" rowvar="curRow" keyproperty="userId">
&nbsp; &nbsp; &nbsp; &nbsp; <liferay-ui:search-container-column-text property="userId" name="User Id" />
&nbsp; &nbsp; &nbsp; &nbsp; <liferay-ui:search-container-column-text property="firstName" name="First Name" />
&nbsp; &nbsp; &nbsp; &nbsp; <liferay-ui:search-container-column-text property="lastName" name="Last Name" />
&nbsp; &nbsp; </liferay-ui:search-container-row>
&nbsp; &nbsp; <liferay-ui:search-iterator />
&nbsp; &nbsp;&nbsp;
</liferay-ui:search-container>
<style>
.search-container td{ 
    height: 50px;width: 40px ;
}
</style>

You can try adding !important also , if in case above codes doesn't work for you .

<style> 
.search-container td{     
 height: 50px !important;
width: 40px  !important;
}
</style>

modified table cell width and height in search container

2020-09-20T08:24:57Z

I tried to modified table cell width and height in search container
<liferay-ui:search-container   total="<%=vend.getVendersCount(themeDisplay.getScopeGroupId()) %>" delta="5" rowChecker="<%=new RowChecker(renderResponse) %>">
<liferay-ui:search-container-results results="<%=vend.getVenders(themeDisplay.getScopeGroupId(),searchContainer.getStart(),
       searchContainer.getEnd())%>" />
<liferay-ui:search-container-row cssClass="search-container" className="com.sb.smartmarket.model.Vender"  modelVar="ssss"
escapedModel="<%= true %>" indexVar="indexNumber" rowVar="curRow" keyProperty="venderId">
<liferay-ui:search-container-column-text property="companyName" name="Company Name"/>
<liferay-ui:search-container-column-text property="industry" name="Industry Name"/>
<liferay-ui:search-container-column-text property="companySize" name="Company Size"/>
<liferay-ui:search-container-column-text property="address" name="Company Address"/>
<liferay-ui:search-container-column-date property="relationDate" name="Relation Date"/>
<liferay-ui:search-container-column-text value="<%=relationDateString %>" name="Company Address"/>
       <liferay-ui:search-container-column-jsp path="/smart_market/venderAction.jsp" align="right" />
</liferay-ui:search-container-row>
<liferay-ui:search-iterator />

</liferay-ui:search-container>

.search-container td{ height: 50px;width: 40px;
}Could anyone tell me how to modified table cell width and height in search container?

Thanks
MoKham