Premium forums

Doesnt Refresh

  • Hem
    Hem avatar

    29 Feb 2012 (Link to this post)

    Hi,

    Im using this expander panel and the problem is if i have a dynamic fields  and if i want to collapse the panel and then expand it back  it will always stay to that height and never change so now if i want to pick something else from the Dropdown and if it has more fields depending on my selection it will be hidden or overlapping.

    Thanks
  • Kamen Bundev
    Kamen Bundev avatar

    01 Mar 2012 (Link to this post)

    Hello Hem,

    I'm not sure how the widgets in your setup are related and can't reproduce the issue. Can you share a sample project, live URL or jsFiddle with the issue reproduced, so I can take a look?

    Kind regards,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  • Hem
    Hem avatar

    01 Mar 2012 (Link to this post)

    <ul id="panelbar" style="width: 99.8%;">
        <li class="k-state-active"><span class="k-link">Search</span>
            <div>
                <table border="0" cellpadding="0" cellspacing="0" width="100%" class="tableMargin">
                    <tr>
                        <td>
                            <div id="FlashListItemType">
                                <table border="0" cellpadding="0" cellspacing="0" width="100%" class="tableWidth">
                                    <tr>
                                        <td>
                                            Type
                                        </td>
                                        <td>
                                            <input style="width: 668px" />@* dynamic Dropdown  Please Choose*@
                                        </td>
                                    </tr>
                                    <tr id="CriteriaA">
                                        @*Selection 1*@
                                        <td>
                                            <table border="0" cellpadding="0" cellspacing="0" width="100%" class="tableWidth">
                                                <tr>
                                                    <td>
                                                        Role
                                                    </td>
                                                    <td>
                                                        <input id="txtName" />
                                                    </td>
                                                    <td>
                                                        LastName
                                                    </td>
                                                    <td>
                                                        <input id="txtLastName" />
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr id="CriteriaB">
                                        @*Selection 2*@
                                        <td>
                                            <table border="0" cellpadding="0" cellspacing="0" width="100%" class="tableWidth">
                                                <tr>
                                                    <td>
                                                        lblRole
                                                    </td>
                                                    <td>
                                                        <input id="Role" />
                                                    </td>
                                                    <td>
                                                        Company Name
                                                    </td>
                                                    <td>
                                                        <input id="txtCompanyName" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        lblRoleA
                                                    </td>
                                                    <td>
                                                        <input id="RoleA" />
                                                    </td>
                                                    <td>
                                                        Previous Company Name
                                                    </td>
                                                    <td>
                                                        <input id="txtCompanyName" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="height: 20px;">
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right">
                                            <input type="button" id="btnSearch" style="width: 100px; margin-right: 10px;" value="Search" />
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </li>
        <li class="k-state-active"><span class="k-link">Result</span>
            <div>
                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                        <td>
                            <div id="SearchListGrid" > @*Result Grid*@
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </li>
    </ul>
  • Kamen Bundev
    Kamen Bundev avatar

    02 Mar 2012 (Link to this post)

    Hello Hem,

    I'm still not able to reproduce your issue - tested in IE, Chrome and Firefox and regardless of how many times I expand/collapse the panel, the DropDownList I created in it still shows okay. Which Kendo UI version and which browser are you using?

    Greetings,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!

Read FAQ or see Kendo UI in action!

Launch Demos