PDA

View Full Version : Extjs panel combo box when shrinked it's width gray space is displayed



chandrup
19 Sep 2013, 7:29 AM
Hi All,

I'm new to ExtJS, Please help me out.

I have created a panel, in that i have created combo box - which will display the data fetched from database.

I have used the below code, in which i have used word-wrap: "break-word".

I have used this because when the combo box width shrink the rendered text will be break into multiple lines and then displayed.

But what happens is the rendered text is hidden with a gray space.

Please help me how could i remove the gray space and display the text.


'<div class="x-combo-list-item">'
+'<table>'
+'<th>'
+'<td>'
+'<div style="width:100px;padding:2px;">'
+'<b>Site Name</b>'
+'</div>'
+'</td>'
+'<td>'
+'<div style="width:100px;padding:2px;">'
+'<b>Site Address</b>'
+'</div>'
+'</td> '
+ '</th>'
+'</table>'
+'</div>'
+'<tpl for="."> '
+ '<div class="x-boundlist-item">'
+'<table>'
+'<tr>'
+'<td>'
+'<div style="width:100px;padding:2px;">'
+'{SiteName}'
+'</div>'
+'</td>'
+'<td>'
+'<div style="width:100px;padding:2px;">'
+'{SiteAddress}'
+'</div>'
+'</td>'
+ '</tr>'
+'</table>'
+'</div>'
+'</tpl>';45901

chandrup
19 Sep 2013, 8:56 PM
Can any one help me out....?

ettavolt
21 Sep 2013, 3:33 AM
What elements have word-break?
Also, I believe you can completely remove those tables from markup.