Hi ,

I have one content page . In that i have one grid. Grid has one datakeyname Indicator Id . What i want is on OnRowDblClick event of client settings i want to open Rad window & pass the Indicator Id as querystring of selected row to it .I know how to open radwindow by passing id using javascript function . but i cant write javascript function on my page because its a content page.  how will i do this .below is my aspx page for radgrid. Please help me . Thanks in advance.

 

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<rad:RadGrid ID="RadGrid1" runat="server" Width="500px" AutoGenerateColumns="false"

 
Skin="Outlook" AllowSorting="True" GridLines="Both" Height="300px" ShowFooter="false" BackColor="#FFFFFF" BorderStyle="none">
<MasterTableView DataKeyNames="IndicatorId">

 <Columns>

 
<rad:GridBoundColumn HeaderText="IndicatorId" DataField="IndicatorId" Visible="false" UniqueName="IndicatorId">

<HeaderStyle Width="100px" HorizontalAlign="Center"/>

<ItemStyle Width="100px" HorizontalAlign="Center"/>

 </rad:GridBoundColumn>

<rad:GridBoundColumn HeaderText="Gewijzigd door" DataField="UpdatedBy" UniqueName="UpdatedBy">

<HeaderStyle Width="250px" HorizontalAlign="Center"/>  

 
</rad:GridBoundColumn>
 
</Columns>

<RowIndicatorColumn Visible="False">

<HeaderStyle Width="20px" />

 
</RowIndicatorColumn>

 
<ExpandCollapseColumn Resizable="False" Visible="False">

<HeaderStyle Width="20px" />

 <ExpandCollapseColumn>
</MasterTableView>
<ClientSettings>

 <Selecting AllowRowSelect="True" />

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

 
<ClientEvents OnRowDblClick="showVersionDetails()" />

 
</ClientSettings>

</rad:RadGrid>

<radW:RadWindowManager ID="RadWindowManager1" runat="server" UseEmbeddedScripts="false"

VisibleStatusbar="false" SingleNonMinimizedWindow="true" Skin="Default2006" EnableViewState="true"

Modal="true">

 <Windows>

 
<radW:RadWindow ID="VersionDetails" runat="server" UseEmbeddedScripts="false" Title="User Edit"

VisibleTitlebar="false" Height="1050px" Width="600px" Left="50px" Top="23px"

 
ReloadOnShow="false" Modal="true" />

 
</Windows>

</radW:RadWindowManager>

 
</div>

 

asp:Content>

 

Thanks,
Suvarna

 

Hi

I am trying to get the functionality of a combined tab strip and panel bar, where I have a horizontal row of tab, but when they are click they act like a panel bar row, opening a layer vertically, so that more than one layer can be seen on the screen at the same time.

The full functionality I desire is shown here: http://www.talkfreelance.com/z_test/CS2/Images/layer_show_hide_with_tabs.gif

Can you advise if this is possible?

Thanks

James

Hello, I'm new user of Telerik and it's the first time I write a message here.

I have a RadTreeView which is loaded with "Load on demand" method (with SQL query) And I want to use a search field ID to expand the treeview on the result node.
I use the FindNodeByValue method (server-side) to do this but I have a problem.
When I click on the search button which fire this method, it return null value because it don't find de corresponding node.
but when I click after have expanded and collapsed nodes of the treeview, this method works well and I retrieve the good node by the value.

I understand that when I expand the nodes (manually with the mouse), they are loaded in memory and the method FindNodeByValue works but If I don't do this, it not works.

Thanks you very much for your help.

Info : I use ServerSideCallBack as expandmode

I am using FormTemplate to edit my records from the grid. I have a RadComboBox in which I am trying to set the SelectedValue for the edit record. I am getting this error " Selection out of range"

Below is the code I am using

 

 

<telerik:RadComboBox ID="ddlFixtureZone" runat="server" class="rightcolumn" EmptyMessage="Select" AppendDataBoundItems="true"

 

 

 

 

 

EnableLoadOnDemand="true" EnableVirtualScrolling="true" Width="400px" ShowMoreResultsBox="true" SelectedValue='<%# (Container as GridItem).OwnerTableView.IsItemInserted ? "" : Eval("MyID") %>'>

 

 

<WebServiceSettings Path="~/Services/MyServices.svc" Method="MyMethos" /></telerik:RadComboBox>

Any help is appreciated.

Thanks

 

hi,

Hi. First off, thank you for taking the time to read this/help me.

I've designed a website/system that use the latest telerik controls.

I have a page that contains a tabstrip and a multipage.

I dynamically populate the tabstrip and multipage via VB code from an SQL DB/Table.

I have many user control pages (.ascx) that are added to the multipage via code and the multipage's PageViewCreated event.  

For this question's purpose, lets call each tab Tab1, Tab2, etc. and each user control page Tab1.ascx, Tab2.ascx, etc.

In each user control .ascx page, I have a page_load event that executes a global "TextFill()" function that finds all Label controls on the user control page and sets the .text, .font, etc. properties from an SQL database table.  The function's argument is of type UserControl so is called with Me (i.e. TextFill(Me) ), this is how it knows what label controls to find, lookup and populate.

Hope this all makes sense so far.

This process works fine but NOT for the first visit to the web app  (The first/default view of the tabstrip/multipage.).

I.e. the first time you go to my custom app, the tabstrip is dynamically populated and defaults to Tab1 selected with Tab1.ascx showing as the sub-content.  The sub-content does not have the properties applied from the global TextFill() function.

If I click to Tab2, it now works.  Tab2 sub-content has the labels all updated from the TextFill() function.

Then if I click back to Tab1, THAT one now works (the labels are all updated).

How can I make that TextFill() function in the user control page's Load event fire when the tabstrip/multipage is FIRST dynamically populated/viewed ?

I tried putting the TextFill() function in different events of the user control page (i.e. PreRender, etc.). but no luck.

If I could just get that Tab1.ascx to force update or load again after the first visit to the site.

Any ideas?

Again, I hope I explained all of this good enough.

Thank you very much.

I have an ObjectDataSource which call the BLL / DAL function to retrieve data from the database. I bind this datasource with an ASP.NET Gridview, and it's working perfectly fine, including the sorting. However, when I try to bind it to RadGrid, the column is not sorted as expected. It only sorts the data in descending order. I browsed through this forum, and found a suggestion to set the AllowNaturalSort property to false, but it's still not working. What's wrong here?

OBJECT DATASROUCE:
<asp:ObjectDataSource ID="odsSubscriptionDetails" runat="server" SelectMethod="GetReportByExpiryDate"
        TypeName="BLL.Subscription.Subscription" SortParameterName="sortExpression">
        <SelectParameters>
            <asp:Parameter Name="startDate" Type="DateTime" />
            <asp:Parameter Name="endDate" Type="DateTime" />
            <asp:Parameter Name="sortExpression" Type="String" />
        </SelectParameters>
    </asp:ObjectDataSource>

ASP.NET GRIDVIEW:
<asp:GridView ID="GridView1" runat="server" AllowPaging="True"
                AllowSorting="True" AutoGenerateColumns="False"
                DataSourceID="odsSubscriptionDetails">
                <Columns>
                    <asp:BoundField DataField="SubscriberName" HeaderText="UserName"
                        SortExpression="SubscriberName" />
                    <asp:BoundField DataField="SubscriptionType" HeaderText="Type"
                        SortExpression="SubscriptionType" />
                    <asp:BoundField DataField="SubscriptionPeriod" HeaderText="Period"
                        SortExpression="SubscriptionPeriod" />
                    <asp:BoundField DataField="SubscriptionFees" HeaderText="Fees"
                        SortExpression="SubscriptionFees" />
                    <asp:BoundField DataField="StartDate" DataFormatString="{0:dd/MM/yyyy}"
                        HeaderText="StartDate" SortExpression="StartDate" />
                    <asp:BoundField DataField="EndDate" HeaderText="EndDate"
                        SortExpression="EndDate" />
                    <asp:BoundField DataField="SubscriptionStatusType" HeaderText="Status"
                        SortExpression="SubscriptionStatusType" />
                    <asp:BoundField DataField="CreateDate" HeaderText="CreateDate"
                        SortExpression="CreateDate" />
                    <asp:BoundField DataField="ProcessedByName" HeaderText="ProcessedBy"
                        SortExpression="ProcessedByName" />
                </Columns>
            </asp:GridView>

RADGRID:
<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True"
                AllowSorting="True" AutoGenerateColumns="False"
                DataSourceID="odsSubscriptionDetails" GridLines="None" Skin="Vista">
                <HeaderContextMenu>
                    <CollapseAnimation Duration="200" Type="OutQuint" />
                </HeaderContextMenu>
                <MasterTableView DataSourceID="odsSubscriptionDetails" AllowNaturalSort="false">
                    <RowIndicatorColumn>
                        <HeaderStyle Width="20px" />
                    </RowIndicatorColumn>
                    <ExpandCollapseColumn>
                        <HeaderStyle Width="20px" />
                    </ExpandCollapseColumn>
                    <Columns>
                        <telerik:GridBoundColumn DataField="SubscriberName" HeaderText="UserName"
                            UniqueName="SubscriberName" SortExpression="SubscriberName">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="SubscriptionType"
                            HeaderText="Type" UniqueName="SubscriptionType"
                            SortExpression="SubscriptionType">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="SubscriptionPeriod"
                            HeaderText="Period" SortExpression="SubscriptionPeriod"
                            UniqueName="SubscriptionPeriod">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="SubscriptionFees"
                            HeaderText="Fees" SortExpression="SubscriptionFees"
                            UniqueName="SubscriptionFees" DataType="System.Int64">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="StartDate" HeaderText="StartDate"
                            SortExpression="StartDate" UniqueName="StartDate" DataType="System.DateTime">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="EndDate" HeaderText="EndDate"
                            SortExpression="EndDate" UniqueName="EndDate" DataType="System.DateTime">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="SubscriptionStatusType"
                            HeaderText="Status" SortExpression="SubscriptionStatusType"
                            UniqueName="SubscriptionStatusType">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="CreateDate" DataType="System.DateTime"
                            HeaderText="CreateDate" SortExpression="CreateDate" UniqueName="CreateDate">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="ProcessedByName"
                            HeaderText="ProcessedBy" SortExpression="ProcessedByName"
                            UniqueName="ProcessedByName">
                        </telerik:GridBoundColumn>
                    </Columns>
                </MasterTableView>
                <FilterMenu>
                    <CollapseAnimation Duration="200" Type="OutQuint" />
                </FilterMenu>
            </telerik:RadGrid>

DAL:
CLASS: Subscription
Public Overrides Function GetReportByExpiryDate(ByVal startDate As Date, ByVal endDate As Date, ByVal pageIndex As Integer, ByVal pageSize As Integer, ByVal sortParameter As String) As System.Collections.Generic.List(Of SubscriptionDetails)

            Dim sortColumn As String = String.Empty
            Dim sortDirection As String = String.Empty
            'Call Function to get the sortColumn
            sortColumn = ProcessSortParameter(sortParameter)(0)
            'Call Function to get the sortDirection (ASC / DESC)
            sortDirection = ProcessSortParameter(sortParameter)(1)

            Using cn As New SqlConnection(Me.ConnectionString)
                Dim cmd As New SqlCommand("CMS.uspSubscriptionDetails_GetInfo_ExpiryDate", cn)
                cmd.CommandType = CommandType.StoredProcedure
                cmd.Parameters.Add("@StartDate", SqlDbType.SmallDateTime).Value = startDate
                cmd.Parameters.Add("@EndDate", SqlDbType.SmallDateTime).Value = endDate
                cmd.Parameters.Add("@PageIndex", SqlDbType.Int).Value = pageIndex
                cmd.Parameters.Add("@PageSize", SqlDbType.Int).Value = pageSize
                cmd.Parameters.Add("@SortParameter", SqlDbType.VarChar).Value = sortColumn
                cmd.Parameters.Add("@SortDirection", SqlDbType.VarChar).Value = sortDirection
                cn.Open()
                Return GetSubscriptionCollectionFromReader(ExecuteReader(cmd))
            End Using
        End Function

In reference to this live demo (http://localhost:4519/radcontrols_aspnetajax/panelbar/examples/applicationscenarios/slidingpanelbar/defaultcs.aspx), can you tell me the correct (java) method for hiding the panelbar upon the mouse leaving the panelbar control instead of the toolbox image? The closest example I could find was the following thread: http://www.telerik.com/community/forums/aspnet-ajax/menu/how-to-show-hide-menu-on-mouseover-and-mouseout.aspx. With other attempts, I have been able to hide the control on blur of individual panelbar items or header items, but not the entire control, itself.

Thank you for your help!

Kind Regards,

Aaron T. Jessen

<

 

html xmlns="http://www.w3.org/1999/xhtml">

<

 

 

head runat="server">

 

 

 

 

<title></title>

 

 

 

 <style type="text/css">

 

 

body {
margin: 0;

 

 

 

 

padding: 0;

 

 

}

 

 

.style1

 

 

 

{

 

 

 

width: 134px;

 

 }

 

 

 

.leftPanelBarContainer

 

 

 

{

 

float: left;

 

 

 

 

width: 260px;

 

 

 

 

height: 260px;

 

 

 

 

overflow: auto;

 

 

 

 

position: relative; /* Required to workaround IE rendering bug*/

 

 

 

}

 

.RadPanelBar, .RadPanelBar .rpSlide, .RadPanelBar .rpGroup, .RadPanelBar .rpTemplate

 

 

 

{

 

overflow: visible !important;

 

}

 

 

 

div.RadPanelBar .rpLevel1 .rpItem

 

 

 

{

 

padding: 0;

 

}

 

 

 

* html .RadPanelBar .RadMenu ul.rmRootGroup

 

 

 

{

 

zoom: 1;

 

}

 

 

 

div.RadMenu .rmRootGroup

 

 

 

{

 

border: 0;

 

}

 

 

 

div.RadMenu .rmLink

 

 

 

{

 

float: none;

 

}

 

 

 

</style>

 

</

 

 

 

head>

 

<

 

 

 

body>

 

 

 

 

<form id="form1" runat="server">

 

 

<div>

 

 

 

<telerik:RadScriptManager ID="ScriptManager" runat="server" />

 

 

 

<table cellpadding="0" cellspacing="0" width="100%" style="height: 10px">

 

 

 

<tr>

 

 

 

<td id="headCell" runat="server" align="left" valign="top" style="height: 10px;">

 

 

 

<uc2:default ID="header" runat="server" />

 

 

 

</td>

 

 

 

</tr>

 

 

 

</table>

 

 

 

<asp:Label ID="lblHeader" runat="server" CssClass="standardtextsmall" Font-Bold="False"></asp:Label>

 

 

 

<asp:ImageButton runat="server" ID="tbimage" ImageUrl="~/images/general/toolbox.gif"

 

 

 

Style="float: left; outline: 0; width: 21px" />

 

 

 

<div class="leftPanelBarContainer">

 

 

 

<div id="slidingDiv" style="visibility: hidden">

 

 

 

<telerik:RadPanelBar runat="server" ID="RadPanelBar1" Height="250px" ExpandMode="FullExpandedItem" OnClientMouseOut="hidepanelbar">

 

 

 

<Items>

 

 

 

<telerik:RadPanelItem Expanded="True" Text="ASP.NET controls">

 

 

 

<Items>

 

 

 

<telerik:RadPanelItem Text="RadComboBox" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/ComboboxPr.gif">

 

 

 

</telerik:RadPanelItem>

 

 

 

<telerik:RadPanelItem Text="RadMenu" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/MenuPr.gif">

 

 

 

</telerik:RadPanelItem>

 

 

 

<telerik:RadPanelItem Text="RadTabStrip" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/TabstripPr.gif">

 

 

 

</telerik:RadPanelItem>

 

 

 

<telerik:RadPanelItem Text="RadPanelBar" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/PanelBarPr.gif">

 

 

 

</telerik:RadPanelItem>

 

 

 

 

 

<telerik:RadPanelItem Text="RadTreeView" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/TreeviewPr.gif">

 

 

 

 

</telerik:RadPanelItem>

 

 

 

 

<telerik:RadPanelItem Text="RadToolBar" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/ToolbarPr.gif">

 

 

 

 

</telerik:RadPanelItem>

 

 

 

 

<telerik:RadPanelItem Text="RadChart" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/ChartPr.gif">

 

 

 

 

</telerik:RadPanelItem>

 

 

 

 

</Items>

 

 

 

 

</telerik:RadPanelItem>

 

 

 

 

<telerik:RadPanelItem Text="WinForms controls">

 

 

 

 

<Items>

 

 

 

 

<telerik:RadPanelItem Text="RadComboBox" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/Combobox_Win.gif">

 

 

 

 

</telerik:RadPanelItem>

 

 

 

 

<telerik:RadPanelItem Text="RadDock" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/Dock_Win.gif">

 

 

 

 

</telerik:RadPanelItem>

 

 

 

 

<telerik:RadPanelItem Text="RadGridView" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/RadGrid.bmp">

 

 

 

 

</telerik:RadPanelItem>

 

 

 

 

<telerik:RadPanelItem Text="RadTabStrip" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/Tabstrip_Win.gif">

 

 

 

 

</telerik:RadPanelItem>

 

 

 

 

</Items>

 

 

 

 

</telerik:RadPanelItem>

 

 

 

 

<telerik:RadPanelItem Text="Other projects">

 

 

 

 

<Items>

 

 

 

 

<telerik:RadPanelItem Text="SiteFinity" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/st.gif">

 

 

 

 

</telerik:RadPanelItem>

 

 

 

 

<telerik:RadPanelItem Text="Reporting" ImageUrl="http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/img/report.gif">

 

 

 

 

</telerik:RadPanelItem>

 

 

 

 

</Items>

 

 

 

 

</telerik:RadPanelItem>

 

 

 

 

</Items>

 

 

 

 

</telerik:RadPanelBar>

 

 

 

 

</div>

 

 

 

 

</div>

 

 

 

 

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

 

 

 

 

<script type="text/javascript">

 

 

 

 

var panelDomElement = $get('<%=RadPanelBar1.ClientID %>');

 

 

 

 

var timage = $get('<%= tbimage.ClientID %>');

 

 

 

 

if (panelDomElement) {

 

 

 

 

//SetUpAnimation(panelDomElement, Telerik.Web.UI.jSlideDirection.Right, panelDomElement);

 

 

 

SetUpAnimation(timage.id, Telerik.Web.UI.jSlideDirection.Right, panelDomElement);

}

 

function SetUpAnimation(image, direction, element) {

 

element.style.position =

 

 

"relative";

 

 

 

 

var slider = document.getElementById(image);

 

 

 

 

var expanded = false;

 

 

 

 

var expandAnimation = new Telerik.Web.UI.AnimationSettings({});

 

 

 

 

var collapseAnimation = new Telerik.Web.UI.AnimationSettings({});

 

 

 

 

var slide = new Telerik.Web.UI.jSlide(element, expandAnimation, collapseAnimation, false);

 

slide.initialize();

slide.set_direction(direction);

slider.onmouseover =

 

 

function() {

 

element.parentNode.style.visibility =

 

 

"visible";

 

element.parentNode.style.display =

 

 

"block";

 

 

 

 

if (!expanded) {

 

slide.expand();

}

 

 

 

else {

 

slide.collapse();

}

expanded = !expanded;

 

 

 

return false;

 

}

}

 

 

 

function markItem(sender, args) {

 

 

 

 

// var attributes = args.get_item().get_attributes();

// attributes.setAttribute("visited", "true");

}

 

function hidepanelbar(e) {

 

 

 

// var panelbar = $find("<%= RadPanelbar1.ClientID %>");

// if ((!e.toElement) || (!$telerik.isDescendantOrSelf(panelbar.get_childListElement(), e.toElement))) {

// panelbar.hide();

// }

}

 

function hidepanel(sender, args) {

 

 

 

 

//var panel = $find("<%= RadPanelBar1.ClientID %>");

 

 

 

 

//panel.get_element().style.display = "none";

 

 

 

}

 

 

 

</script>

 

 

 

 

</telerik:RadCodeBlock>

 

 

 

 

</div>

 

 

 

 

</div> </div>

 

 

 

 

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

 

 

 

 

<AjaxSettings>

 

 

 

 

<telerik:AjaxSetting AjaxControlID="dropMachineType">

 

 

 

 

<UpdatedControls>

 

 

 

 

<telerik:AjaxUpdatedControl ControlID="dropModel" />

 

 

 

 

</UpdatedControls>

 

 

 

 

</telerik:AjaxSetting>

 

 

 

 

<telerik:AjaxSetting AjaxControlID="headCell">

 

 

 

 

<UpdatedControls>

 

 

 

 

<telerik:AjaxUpdatedControl ControlID="lblHeader"></telerik:AjaxUpdatedControl>

 

 

 

 

</UpdatedControls>

 

 

 

 

</telerik:AjaxSetting>

 

 

 

 

</AjaxSettings>

 

 

 

 

</telerik:RadAjaxManager>

 

 

 

 

</form>

 

</

 

 

 

body>

 

</

 

 

 

html>

 

 

 

Just an observation but it seems slightly unusual that the width property of the RadNumericTextBox control includes the Label. I might be slow but it took me a while to realise why all my inputs were so teeny.

Including a labelwidth property or just leaving it to the LabelCssClass to set in my head makes more sense.

Just my 2 cents!

Hi
      I am have been trying to implement the "My portal " functionality as a user control. So i have a user control call master dock control. ascx in which i m calling the exchangerates.ascx. This entrire control is being rendered inside a sliding rad pane.  Well when i click submit on the exchange rate submit button it is creating an ugly poastback. However if i set the content page url of the pane to an aspx page on which i call this  call master dock control. ascx then it works fine.  Could you provide me any feedback on this...



Rwegards,
Ajit