Dropdownlist in a popup table

[rkmorayMember]

I have a grid, with an edit button and a popup window.

When the user selects “edit”, I am trying to load a dropdownlist for them to select from.

As per your sample, I have the dropdownlist in a table. When I do that, the page does not display properly.

When i load it outside the table, it look sfin.

Here is the popup table code.

 

  <div id='jqxWidget' style="font-size: 13px; font-family: Verdana; float: left;">
        <h3>
            Topics</h3>
        <div id="TopicGrid">
        </div>
        <h3>
            Comments</h3>
        <%--Popupediting example--%>
          <div id="jqxPopgrid"></div>
             <div id="popupWindow">
                     <div>Edit</div>
                        <div style="overflow: hidden;">
                            <table style="width: 1000px; height: 389px">
                                <tr>
                                    <td align="right">Comment:</td>
                                    <td align="left"><input id="Comment" /></td>
                                         <td align="left">
                                         <div style='float: left; margin-top: 10px;' id='jqxTopicdropDown'></div>
                                         </td>
                                     <td>
                                     <input style="margin-right: 5px;" type="button" id="Save" value="Save" />
                                    <input id="Cancel" type="button" value="Cancel" /></td>
                                </tr>
                            </table>
                        </div>
                   </div>

</div>

[DimitarParticipant]

Hello rkmoray,

This is due to the inappropriate width of your popupWindow and its table. The table is much wider, that is why it doesn’t show all its items within the window. Try these widths:

            $("#popupWindow").jqxWindow({ width: 500, resizable: false, theme: theme, isModal: true, autoOpen: false, cancelButton: $("#Cancel"), modalOpacity: 0.01 });

and

                <table style="width: 500px; height: 400px;">

Best Regards,
Dimitar

jqWidgets team
http://www.jqwidgets.com/

[Author]

Posts