jQuery UI Widgets Forums Lists DropDownList jqxDropDownList | PlaceHolder text ellipsis issue

This topic contains 3 replies, has 2 voices, and was last updated by  raj 8 years, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author

  • raj
    Participant

    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


    Hristo
    Participant

    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


    raj
    Participant

    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


    raj
    Participant

    Hi Hristo,

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

    Thanks for your reply.

    Regards,
    Raj

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.