i have a captcha, text boxes , combo boxes in a page.
But the client side validation of the captcha is not working.

I am creating a page. When I add the RadCaptcha I get an error.

The error is: The control with ID '' requires a ScriptManager on the page. The ScriptManager must appear before any controls that need it.

The code for the RadCaptcha is:

<

 

telerik:RadCaptcha ID="RadCaptcha1" runat="server" ValidationGroup="Group"

 

 

    ErrorMessage="Page not valid. The code you entered is not valid." >

 

</telerik:RadCaptcha>

 

 

 

 

hi,

i want to know how to create column in RADGrid by using javascript (client-side)

it's very important to me and need asap.


Thanks
Selva

Hello,

I have a scrolling grid using static headers and no paging.  I need to have the grid expand inside it's container but I've gone through the forums for the splitter and grid as well as the code library and I can't seem to get it to work correctly. 
I want the grid to scroll, not the splitter pane so that the column headers stay on the screen.  Also, if it's not too much to ask I'd like to be able to have the grid resize when the screen resizes and causes the splitter to resize.

The page is set up with a splitter as the main control set for a horizontal orientation.  In the splitter there are 2 RadPanes.  The top one contains header text and a toolbar.  The bottom one contains the grid.  Around the grid I added a div just for padding.

What is happening with this setup is the splitter occupies 100% of the page correctly.  The bottom pane expands to fill the rest of the page under the header, which is correct.  But the grid opens to around 200px high and 40px wide and then immediatly snaps to full width (which is correct) but only shows the column headers and another 10px (around 30px total height).

Attached is a screen shot of the grid after it expands.

Anyone have any ideas?

hi everyone ...

i want show data  inside radtextboxs when double click on radgridview.. but i couldnt handle ..

any advice  ??

it seems all my issues are being referred to a post saying i need 2010.1.625 or newer of the telerek ajax controls. In downlloads q2 beta is 2010.1.623, so do i have to wait for the official q2 release to get 2010.1.625?

Hi,

I am using telerik controls version 2010.1.415.35.

I am struggling with an issue and need help on that issue.

Scenario of the problem is that

I have 4 radcomboboxes on a usercontrol and on the basis of first combobox, the rest comboboxes become enabled and disabled and loads data.
First combobox contains a radtreeview control inside it. so the treeview items works as the items of combobox.

The first combobox loads the data based on the tabselection that is a tabstrip on the aspx page from where this usercontrol is called.
When the user click on tab, it loads the usercontrol.

Now the problem is that, in only one case after selecting the tab control, the first combo box loads. But when user selects any item from first combobox, it dont display the selected item rather it displays the initial text i.e. "Select Chart". On code behind part it dont fires the selectedindexchanged event of this combobox.

In all the other cases it fires the selected index changed event and displays the selected item in combobox.

here it the code :

(<

<

 

div id="div_ChartWidgetMain" runat="server" style="padding-top:10px;overflow:visible; background-color:White; width:100%;">

 

 

<telerik:RadAjaxManagerProxy ID="radAjaxManagerProxy_ChartWidget" runat="server">

 

 

<AjaxSettings>

 

 

<telerik:AjaxSetting AjaxControlID="ChartSelector">

 

 

<UpdatedControls>

 

 

<telerik:AjaxUpdatedControl ControlID="ChartBar"/>

 

 

</UpdatedControls>

 

 

</telerik:AjaxSetting>

 

 

<telerik:AjaxSetting AjaxControlID="btnShow" >

 

 

<UpdatedControls>

 

 

<telerik:AjaxUpdatedControl ControlID="PanelGraphicContainer"

 

 

LoadingPanelID="radAjaxLoadingPanel"/>

 

 

</UpdatedControls>

 

 

</telerik:AjaxSetting>

 

 

<telerik:AjaxSetting AjaxControlID="ButtonApplySelectedCPU" >

 

 

<UpdatedControls>

 

 

<telerik:AjaxUpdatedControl ControlID="ChartBar" />

 

 

<telerik:AjaxUpdatedControl ControlID="PanelGraphicContent"

 

 

LoadingPanelID="radAjaxLoadingPanel" />

 

 

</UpdatedControls>

 

 

</telerik:AjaxSetting>

 

 

</AjaxSettings>

 

 

</telerik:RadAjaxManagerProxy>

 

 

 

 

 

<telerik:RadWindowManager ID="RadWindowManager_ChartWidget" runat="server"

 

 

ShowContentDuringLoad="false"

 

 

EnableEmbeddedSkins="false" VisibleStatusbar="false"

 

 

Behavior="Default" Behaviors="None" Skin="AvalonSkin"

 

 

VisibleTitlebar="True" Modal="true" style="z-index:9000">

 

 

<Windows>

 

 

<telerik:RadWindow ID="AlertInstanceDetail" runat="server"

 

 

Width="850px" Height="500"

 

 

BorderColor="#BDE0B8" BorderStyle="Solid" BorderWidth="4px"

 

 

Title="Instances Detail"

 

 

ReloadOnShow="true" OnClientClose="CallBackFunction">

 

 

</telerik:RadWindow>

 

 

<telerik:RadWindow ID="CPUTableWindow" runat="server"

 

 

Width="800px" Height="650px"

 

 

BorderColor="#bde0b8" BorderStyle="Solid" BorderWidth="4px"

 

 

Title="CPU Table Selections"

 

 

VisibleStatusbar="false"

 

 

OnClientShow="OnCpuTableClientShow"

 

 

Behavior="Close" OnClientClose="OnCpuTableClientClose"

 

 

>

 

 

</telerik:RadWindow>

 

 

<telerik:RadWindow ID="PrintPreviewWindow" runat="server"

 

 

Width="900px" Height="650px"

 

 

BorderColor="#bde0b8" BorderStyle="Solid" BorderWidth="4px"

 

 

Title="Print Chart"

 

 

VisibleStatusbar="false"

 

 

OnClientShow="OnPrintPreviewClientShow"

 

 

Behavior="Close" OnClientClose="OnPrintPreviewClientClose"

 

 

>

 

 

</telerik:RadWindow>

 

 

</Windows>

 

 

</telerik:RadWindowManager>

 

 

 

<telerik:RadAjaxLoadingPanel ID="radAjaxLoadingPanel_ChartWidget" runat="server" ZIndex="5980">

 

 

<table style="width:100%;height:100%;background-color:#E1E1E1;">

 

 

<tr style="height:100%; width:100%;">

 

 

<td align="center" valign="middle" style="width:100%; height:100%">

 

 

<img alt="Loading..." src='~/Images/logoBig.gif' style="border:0;" ID="imgLoading" runat="server" />

 

 

</td>

 

 

</tr>

 

 

 

</table>

 

 

</telerik:RadAjaxLoadingPanel>

 

 

 

<asp:Panel id="ChartBar" class="Left" style="margin-left:10px;" runat="server">

 

 

<span style="font-size:16px;font-weight:bold">Chart:</span>

 

 

<telerik:RadComboBox ID="ChartSelector" CausesValidation ="false" 

 

 

runat="server" Height="150px" Width="250" EnableEmbeddedSkins="false"

 

 

OnClientDropDownOpened="OnClientDropDownOpenedHandler" OnClientLoad="comboLoad"

 

 

Skin="Default" onselectedindexchanged="ChartSelector_SelectedIndexChanged" >

 

 

<ItemTemplate>

 

 

<div id="div1" onclick="StopPropagation(event);">

 

 

<telerik:RadTreeView ShowLineImages="true" EnableEmbeddedSkins="false" Skin="AvalonSkin"

 

 

style="white-space:nowrap" ID="Charts" runat="server"

 

 

OnClientNodeClicking="nodeClicking"

 

 

OnNodeClick ="OnTreeNodeClick"

 

 

CausesValidation="false" RegisterWithScriptManager="False" >

 

 

</telerik:RadTreeView>

 

 

</div>

 

 

</ItemTemplate>

 

 

<CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>

 

 

</telerik:RadComboBox>

 

 

&nbsp;

 

 

<telerik:RadComboBox ID="ShowSelector" runat="server" Skin="Default"

 

 

Width="160px">

 

 

<Items>

 

 

<telerik:RadComboBoxItem Text="Show Charts" Value="0" />

 

 

<telerik:RadComboBoxItem Text="Show Data" Value="1" />

 

 

</Items>

 

 

</telerik:RadComboBox>

 

 

&nbsp;

 

 

<telerik:RadComboBox ID="intervalMode" runat="server" Skin="Default" Width="160px"

 

 

OnClientSelectedIndexChanged="needsToSelectIntervals"

 

 

EmptyMessage="Select Mode"

 

 

Enabled="false">

 

 

</telerik:RadComboBox>

 

 

&nbsp;<telerik:RadComboBox ID="intervals" runat="server" Skin="Default" Width="200px" Height="200"

 

 

HighlightTemplatedItems="true"

 

 

MarkFirstMatch="false"

 

 

AllowCustomText="false"

 

 

EmptyMessage="Select Intervals"

 

 

Enabled="false">

 

 

<HeaderTemplate>

 

 

<img ID="imgSelectAllintervals" style="float:left; overflow:visible; cursor:pointer; margin-right:5px"

 

 

src="~/Images/mini_select.jpg" runat="server" onclick="javascript:IntervalsSelectAll();" alt="X" />

 

 

<img ID="imgClearintervals" style="float:left; overflow:visible; cursor:pointer;"

 

 

src="~/Images/mini_clear.jpg" runat="server" onclick="javascript:IntervalsClearAll();" alt="X"/>

 

 

</HeaderTemplate>

 

 

<ItemTemplate>

 

 

<asp:CheckBox runat="server" ID="checkBox" onclick="clickOnIntervalCheck(event);" Text='<%# DataBinder.Eval(Container, "Text") %>' />

 

 

</ItemTemplate>

 

 

<CollapseAnimation Duration="200" Type="OutQuint" />

 

 

</telerik:RadComboBox>

 

 

</asp:Panel>

 

 

 

<span style="margin-left:10px">

 

 

<asp:Button ID="btnShow" runat="server" Text="Go" onclick="btnShow_Click" CssClass="GreenButton" />

 

 

<asp:Button ID="buttonPrint" runat="server" Text="Print" Enabled="false"

 

 

CssClass="GrayButton" OnClientClick="showPrintPreviewWindow()" />

 

 

</span>

 

 

 

<br clear="all" />

 

 

<asp:Label runat="server" ID="lblError" Text="" CssClass="ErrorMessage"></asp:Label>

 

 

<br clear="all" />

 

 

 

<asp:Panel id="PanelGraphicContainer" style="width:100%;" runat="server">

 

 

<asp:Panel ID="PanelGraphicContent" runat="server" style="min-height:300px;">

 

 

<div style="position: absolute;" id="divInstances" runat="server"><%-- height: 250px; width:120px --%>

 

 

<div id="divInstanceChart" runat="server" visible="false">

 

 

<img ID="tbimage" alt="Show/Hide Instances" src="~/Images/in_green.jpg" runat="server" style="overflow: visible; padding-left:-10px; text-align:right;float:left;" onmouseover="javascript:InitializeAnimation();" />

 

 

<div id="slidingDiv" style="visibility: hidden; float:left;display: block;margin-left:3px;">

 

 

<telerik:RadPanelBar runat="server" ID="RadPanelBar1" Skin="Default" Height="290px"

 

 

ExpandMode="FullExpandedItem" PersistStateInCookie="true" >

 

 

<Items>

 

 

<telerik:RadPanelItem runat="server" Value="PanelItem1" >

 

 

<ItemTemplate>

 

 

<table width="100%">

 

 

<tr style="width:100%;">

 

 

<td style="text-align:right;width:100%;">

 

 

<img ID="tbimageDetail" style="overflow: visible; cursor: pointer;" src="~/Images/Detail.jpg" runat="server" />

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

<telerik:RadGrid ID="rgInstanceSelector" AllowMultiRowSelection="true"

 

 

AllowSorting="False"

 

 

AutoGenerateColumns="False"

 

 

Skin="Default"

 

 

runat="server" Width="98%" Height="225px">

 

 

<ClientSettings>

 

 

<Selecting AllowRowSelect="true"/>

 

 

<ClientEvents OnGridCreated="GetGridObject" OnRowSelected="GetRowSelected" OnRowDeselected="GetRowSelected"></ClientEvents>

 

 

<Scrolling UseStaticHeaders="true" AllowScroll="true" />

 

 

</ClientSettings>

 

 

<MasterTableView Width="98%" runat="server" ItemStyle-BackColor="#dfedd2">

 

 

<Columns>

 

 

<telerik:GridClientSelectColumn ItemStyle-Height="18px" UniqueName="CheckboxSelectColumn" HeaderStyle-Width="25px" HeaderButtonType="TextButton" HeaderText="" />

 

 

<telerik:GridBoundColumn ItemStyle-Height="18px" HeaderText="Process Instances" HeaderStyle-Width="200px" DataField="Item"></telerik:GridBoundColumn>

 

 

</Columns>

 

 

<ItemStyle BackColor="#dfedd2" CssClass="rmRadGridText"/>

 

 

<AlternatingItemStyle BackColor="#F7F7F7" CssClass="rmRadGridText"/>

 

 

</MasterTableView>

 

 

 

</telerik:RadGrid>

 

 

<table>

 

 

<tr>

 

 

<td style="text-align:left;">

 

 

<img ID="imgSelect" style="overflow: visible;cursor: pointer;" src="~/Images/select.jpg" runat="server" />

 

 

</td>

 

 

<td style="text-align:right;">

 

 

<img ID="imgClear" style="overflow: visible; cursor: pointer;" src="~/Images/clear.jpg" runat="server" onclick="javascript:Clear();" />

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</ItemTemplate>

 

 

</telerik:RadPanelItem>

 

 

</Items>

 

 

</telerik:RadPanelBar>

 

 

</div>

 

 

</div>

 

 

</div>

 

 

 

<telerik:RadMultiPage ID="RadMultiPage" runat="server" >

 

 

<telerik:RadPageView ID="RadPageViewGraphic" runat="server">

 

 

<div ID="divGraphic" runat="server" style="width:100%;"></div>

 

 

</telerik:RadPageView>

 

 

<telerik:RadPageView ID="RadPageViewTable" runat="server">

 

 

<Widget:ChartTable ID="ChartTableWidget" runat="server" />

 

 

</telerik:RadPageView>

 

 

<telerik:RadPageView Selected="true" ID="RadPageViewDefault" runat="server">

 

 

<div style="height:350px"></div>

 

 

</telerik:RadPageView>

 

 

</telerik:RadMultiPage>

 

 

</asp:Panel>

 

 

<div style="margin-top:20px;">

 

 

<UserControl:UserControlPIMode ID="UserControlPIModeChart" runat="Server" />

 

 

</div>

 

<%

-- Properties --%>

 

 

<asp:Button ID="ButtonApplySelectedCPU" runat="server" style="display:none" OnClick="ButtonApplySelectedCPU_Click" />

 

 

<asp:HiddenField ID="HiddenFieldSelectedCPU" runat="server" />

 

 

<asp:HiddenField ID="hiddenFieldTimeframeValue" runat="server" />

 

 

<asp:HiddenField ID="hiddenFieldPFlagType" runat="server" />

 

 

<asp:HiddenField ID="hiddenFieldTimeframeMode" runat="server" />

 

<%

-- Attention: they must be inside of the Update Panel or they will not be updated --%>

 

 

</asp:Panel>

 

 

<br style="clear:both;display:none"/>

 

</

 

div>

>)

The bold part of the code is the combobox that creating the problem.

Please anybody knows the solution, let me know as soon as possible.

Thanks in advance.

Regards,
Vipul

 

Hi,
I want to request at least one file for upload .
but when i use a call out extender, its not working.

I'm running into something very wierd with Internet Explorer. For some reason my context menu opens and then closes right away. When I attach code to the Showing, Hiding, Hidden, and Shown events, it goes in the following order: Showing, Shown, Hiding, Hidden. It never stops after it fires the shown event. (in Firefox it stops after the shown event and actually displays the context menu until I click somewhere else). When the Hidden event fires, I can actually see the context menu until I hit ok on that alert box and then it goes trhough the collapse animation. Here is the code that I am using...

<telerik:RadContextMenu ID="cmnuDesktop" runat="server"
                    OnClientShowing="cmnuDesktop_OnClientShowing"
                    OnClientHiding="cmnuDesktop_OnClientHiding"
                    OnClientShown="cmnuDesktop_OnClientShown"
                    OnClientHidden="cmnuDesktop_OnClientHidden"
                    >
                <Targets>
                    <telerik:ContextMenuElementTarget ElementID="windowContainer" />
               </Targets>
                <Items>
                    <telerik:RadMenuItem Text="Create New Folder" Value="newFolder" NavigateUrl="javascript: createNewFolder();"/>
                </Items>
            </telerik:RadContextMenu>

and the Javascript:

function cmnuDesktop_OnClientShowing(sender, args)
{
    alert("showing");
}

function cmnuDesktop_OnClientHiding(menu, args) {
    alert("hiding");
}

function cmnuDesktop_OnClientShown(menu, args) {
    alert("shown");
}

function cmnuDesktop_OnClientHidden(menu, args) {
    alert("hidden");
}

Has anyone else run into this issue before? The code works fine on Firefox, Opera, Chrome and Safari.

Hi.

I have a combobox which load items on demand. Everything works great but I want the for loaded items to automatically select the first item so the user always have something selected. I have tried several different approaches but nothing seems to work. I need it to not only work in code but also visually look like it has the first item selected.

The code is:


The OnItemsRequested event handler is


Thanks.
Jose