1. Home
  2. Development
  3. RE: modified table cell width and height in search container

RE: modified table cell width and height in search container

thumbnail
Mo Kham, modified 5 Years ago.
modified table cell width and height in search container
New Member Posts: 11 Join Date: 6/9/20 Recent Posts
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
thumbnail
Mohammed Yasin, modified 5 Years ago.
RE: modified table cell width and height in search container
Liferay Master Posts: 593 Join Date: 8/8/14 Recent Posts
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>
thumbnail
Mo Kham, modified 5 Years ago.
RE: modified table cell width and height in search container
New Member Posts: 11 Join Date: 6/9/20 Recent Posts
Thanks,
Mohammed