Doesnt Refresh

4 posts, 0 answers
  1. Hem
    Hem avatar
    11 posts
    Member since:
    Jan 2012

    Posted 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
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 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!
  3. Kendo UI is VS 2017 Ready
  4. Hem
    Hem avatar
    11 posts
    Member since:
    Jan 2012

    Posted 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>
  5. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 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!
Back to Top
Kendo UI is VS 2017 Ready