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

RadSearchBox javascript error when inside container with display:none

2 Answers 86 Views

SearchBox

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

Ben asked on 18 Jun 2013, 09:37 PM

Ok,

I'm getting a javascript error any time a RadSearchBox is contained within any element that has a display:none style set to it.

As an example, let's say you want to put a RadSearchBox inside a user control which is inside a RadPanelBar.

Each one of the below user controls contains a RadSearchBox.

<telerik:RadPanelBar ID="RadPanelBar1" runat="server">

<Items>

<telerik:RadPanelItem Text="Launch a Something" runat="server">

<ContentTemplate>

<CRWP:ucLaunchSomething id="ucLaunchSomethingCtl" runat="server"></CRWP:ucLaunchSomething>

</ContentTemplate>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Text="Launch a Something Else">

<ContentTemplate>

<CRWP:ucLaunchSomethingElse id="ucLaunchSomethingElseCtl" runat="server"></CRWP:ucLaunchSomethingElse>

</ContentTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

When the above is rendered (in at least IE9), it throws a javascript error in the following line:

z.style.width=(y-(x+w+v+6))+"px";

One of the problems is that y == 0 at this point so it's trying to set the width to a negative number. JavaScript error in IE JavaScript Console is SCRIPT:87 Invalid argument.

Any suggestions on how to make it work without throwing the javascript error would be greatly appreciated.

Thanks

RadSearchBox javascript error when inside container with display:none

2 Answers, 1 is accepted