jqxDropDownList | PlaceHolder text ellipsis issue

[rajParticipant]

Dear Folks,

I’ve a dynamic pop-up with form which contains combinations of jqx components like dropdown list, text boxes etc.

In which source for the dropdownlist is assigned on the fly while pop-up rendering. Here, during the first time pop-up load, the placeholder text “Please Choose” or whatever my custom text is showing fully. When I close the pop-up and open again the placeholder text in a dropdown is showing with ellipsis as “Please Ch…”.

<table border="0" cellspacing="0" cellpadding="0" width="668px">
	<thead>
		<tr>
			<td style="width:206px">
				<div id="dropdownlist01"></div>
			</td>
			<td style="width:186px">
				<div id="dropdownlist02"></div>
			</td>
			<td style="width:226px">
				<input type="text" name="" id=""/>
			</td>
			<td style="width:50px">
				<input type="button" value="Add" />
				<input type="button" value="Delete" />
			</td>
		</tr>
	</thead>
</table>

$("#dropdownlist01").jqxDropDownList({source:loadFromSelectBoxID, width:"90%", height:25, placeHolder:"Please Select"});
$("#dropdownlist02").jqxDropDownList({source:loadFromSelectBoxID, width:"90%", height:25, placeHolder:"Please Select"});

I Inspected the DOM, the span which holds the placeholder text is taking lesser width compared to the outer dropdown width.

Can someone suggest me what is the root cause or how to resolve this issue?

Looking forward.

Regards,
Raj

[HristoParticipant]

Hello Raj,

We try to simulate this code and looks work correctly.
Could you provide us one example (in https://www.jseditor.io/ or http://jsfiddle.net/) with that issue.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[rajParticipant]

Hi Hristo,

The above code snippet will work if you place it in parent page. Please try to create one pop-up and put this code as a pop-up content and try to do as I mentioned i.e. open -> close -> open the pop-up.

Meanwhile I’ll try to post a sample working example.

Looking forward.

Regards,
Raj

[rajParticipant]

Hi Hristo,

I found the root cause of the issue and it got solved. 🙂

Thanks for your reply.

Regards,
Raj

[Author]

Posts