This is a migrated thread and some comments may be shown as answers.

Doesnt Refresh

3 Answers 99 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Hem
Top achievements
Rank 1
Hem asked on 29 Feb 2012, 03:54 PM
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

3 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 01 Mar 2012, 04:49 PM
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!
0
Hem
Top achievements
Rank 1
answered on 01 Mar 2012, 06:56 PM
<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>
0
Kamen Bundev
Telerik team
answered on 02 Mar 2012, 09:19 AM
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!
Tags
PanelBar
Asked by
Hem
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Hem
Top achievements
Rank 1
Share this question
or