Questions on UI for ASP.NET AJAX Forum

10 answers

413 views

Disable scrollbars in RadDock Programatically

Hoping someone's got the answer to this. It should be a one liner,but havent figured out how to do it or anywhere where it explains.

I'm creating raddock's programatically, having stored their states in the database. When i load them, the ContentTemplate is also set in code and is a User Control (ascx).

I've set

EnableEmbeddedSkins

="false"

I thought that might help me ovverride, but still missing the mark.

all I want is the horz and vert scrollbars to go away. Doesnt seem to matter if my zone is wider or smaller. with the same ascx it still always shows the scrollbars.

thanks!

Dock

answered on 22 Dec 2020

8 answers

395 views

Updating multiple items in listview updates only first item

I'm trying to update all items in a listview from a single place outside the listview. I've put my simplified code underneath, notice that clicking the button will update only the first item, even though the FireCommandEvent is called for both items in the list.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ListViewIssue.aspx.cs"

Inherits="RadGridSave.ListViewIssue" %>

<%@ Register Assembly="Telerik.Web.UI, Version=2011.1.413.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4"

Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head runat="server">

<title></title>

</head>

<body>

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

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<div>

<telerik:RadListView ID="RadListView1" runat="server" AllowMultiItemEdit="true"

onprerender="RadListView1_PreRender">

<ItemTemplate>

Readonly</ItemTemplate>

<EditItemTemplate>

Edit</EditItemTemplate>

</telerik:RadListView>

</div>

<telerik:RadButton ID="RadButton1" runat="server" onclick="RadButton1_Click"

Text="RadButton">

</telerik:RadButton>

</form>

</body>

</html

>




using System;
using System.Collections.Generic;
using Telerik.Web.UI;
 
namespace RadGridSave
{
    public partial class ListViewIssue : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            RadListView1.DataSource = new List<int>() { 1, 2 };
        }
 
        protected void RadListView1_PreRender(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                foreach (RadListViewDataItem item in RadListView1.Items)
                {
                    item.Edit = true;
                }
                RadListView1.Rebind();
            }
        }
 
        protected void RadButton1_Click(object sender, EventArgs e)
        {
            foreach (var item in RadListView1.EditItems)
            {           
                item.FireCommandEvent(RadListView.UpdateCommandName, string.Empty);
            }
        }
    }
}

ListView

answered on 22 Dec 2020

1 answer

113 views

Checking for selected values for AutoCompleteBox

Would like check if it is possible to not allow user from selecting items from the list when it has already being selected?

AutoCompleteBox

answered on 22 Dec 2020

0 answers

95 views

Close Radmenu on on item click

I have a Radmenu in my application and when I click the item I want to close the menu. Currently when I click the menu item stays open until I remove my mouse. But I want to close the menu when I click on the item. How can I achieve this? Below are some sample code I am trying to achieve but it is not working.

<telerik:RadMenu ID="Radtopmenu" runat="server" Width="100%" Height="32px" CssClass="radmenucss"

Duration="1" ClickToOpen="False" EnableRoundedCorners="true" EnableShadows="true"

OnClientItemClicked="hidechildmenuonclick">

</telerik:RadMenu>

<script type="text/javascript">

function hidechildmenuonclick(sender, args) {

//debugger;

//return;

if (args._item._children._array.length > 0) {

} else {

sender.close();

}

</script>

Menu

asked on 22 Dec 2020

4 answers

173 views

Display Finish on an Intermediate Page

Hi,

My wizard has 7 steps but after step 2, all other steps are optional. Rather than having the user click Next 6 more times, I'd like to show the Finish button on Step2. How do I go about this and How do you go about making tabs for optional steps (clickable) but not for the first 2 steps? The closest thread I found is this:

https://www.telerik.com/forums/display-next-previous-and-finish-button-in-all-radwizard-steps#SprpJ3GYo0Oy1IJxI8e_nw

but does not quite answer the question above.

Wizard

answered on 19 Dec 2020

5 answers

579 views

RadAjaxManager.Alert

Hi,

RadAjaxManager.GetCurrent(Me.Page).Alert("Please enter all mandatory fields")

This line throws a blank page and it shows the parameter values in URL. How can i restrict this and avoid the blank page?

please help me on this.

thanks,

ArunPrasad

Ajax

answered on 18 Dec 2020

16 answers

396 views

Jump To Specific Org Chart Node in a Drill Down OrgChart

I am using the OrgChart control to display 1100 employees. Due to the size and structure of the company I have limited it to displaying 2 levels of employees and enabled drill down.

What I'm trying to implement now is the ability for someone to search for a particular employee and then jump to that location in the OrgChart. Is that even possible? If so, it certainly isn't straightforward.

Thanks,
Kyle

OrgChart

answered on 17 Dec 2020

20 answers

1.1K+ views

Howto: Center align popup window for editing

Hi
Following are the lines from my HTML page. I want to control the position of popup window duing add/edit.
It should be center align to the screen/browser window. How do set it ?

Regards
JD

<MasterTableView CommandItemDisplay="TopAndBottom" EditMode="PopUp" Width="100%"

DataKeyNames="PropertyID" GridLines="Both"

PagerStyle-AlwaysVisible="True"

>

<EditFormSettings EditFormType="Template" PopUpSettings-Width="900px"

CaptionFormatString="Edit Property: {0}"

CaptionDataField="PropertyName"

InsertCaption="Add New Property"

PopUpSettings-ScrollBars="Vertical">

Grid

answered on 17 Dec 2020

3 answers

1.0K+ views

display next,Previous and finish button in all radwizard steps

hi,
i want to display next,Previous and finish button in all radwizard steps .in step 0 (first step) previous button disabled and in last step next button disabled and finish button must be enabled. Is this possible in rad WIzard UI

<telerik:RadWizard RenderMode="Lightweight"
runat="server"
ID="ManualOrderWizard"

DisplayProgressBar="False"
DisplayCancelButton="True"
DisplayNavigationBar="False"
Skin="Office2007"
OnNextButtonClick="ManualOrderWizard_NextButtonClick"
Localization-Finish="Create Order" Localization-Cancel="Close" OnCancelButtonClick="ManualOrderWizard_CancelButtonClick">
<%-- OnCancelButtonClick="">--%>

<WizardSteps>
<telerik:RadWizardStep ID="AddMembership" StepType="Step" runat="server">
<uc:UCAddMembership runat="server" ID="UCAddMembership" />
</telerik:RadWizardStep>
<telerik:RadWizardStep ID="AddItems" StepType="Step" runat="server">
<uc:UCAddItems runat="server" ID="AddItem" />
</telerik:RadWizardStep>
<telerik:RadWizardStep ID="CustomerShipping" StepType="Step" runat="server">
<%--<uc:UCAddMembership runat="server" ID="UCAddMembership2" />--%>
</telerik:RadWizardStep>
<telerik:RadWizardStep ID="GiftMessages" StepType="Step" runat="server">
<%-- <uc:UCAddMembership runat="server" ID="UCAddMembership3" />--%>
</telerik:RadWizardStep>
<telerik:RadWizardStep ID="AddbilltoCustomer" StepType="Step" runat="server">
<%--<uc:UCAddMembership runat="server" ID="UCAddMembership4" />--%>
</telerik:RadWizardStep>
<telerik:RadWizardStep ID="ReviewOrderTotal" StepType="Step" runat="server">
<%--<uc:UCAddMembership runat="server" ID="UCAddMembership5" />--%>
</telerik:RadWizardStep>
<telerik:RadWizardStep ID="OrderPayments" StepType="Step" runat="server">
<%-- <uc:UCAddMembership runat="server" ID="UCAddMembership6" />--%>
</telerik:RadWizardStep>
<telerik:RadWizardStep ID="AddNotes" StepType="Step" runat="server">
<%-- <uc:UCAddMembership runat="server" ID="UCAddMembership7" />--%>
</telerik:RadWizardStep>
<telerik:RadWizardStep ID="ReviewOrder" StepType="Finish" runat="server">
<%--uc:UCAddMembership runat="server" ID="UCAddMembership8" />--%>
</telerik:RadWizardStep>
</WizardSteps>

</telerik:RadWizard>

Documentation and Tutorials

answered on 16 Dec 2020

3 answers

180 views

Org Chart Drill Down Doesn't work

Hi Telerik Team,

I'm having an issue with the drill down functionality, I'm binding the data source to the org chart control on Page Load Event and I have a drill down handler when the user click on the drill down icon.

The data tables I'm using to bind the org chart are:

1). OrgChartStructure (Which will be defined the levels of the organization chart)

Id | ParentID|Title

1 NULL CEO (PK)

2 1 President

3 2 VP Sales

2). Org Chart

1 1 John Doe CEO

2 2 Jane Doe President

3 2 James Doe VP Sales

My Code:

BackCode:

Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
If Not Page.IsPostBack Then
GenerateOrgChart()
End If
End Sub

Public Sub GenerateOrgChart()
Try
Dim ds_orgStructure As DataSet = sqhBI20.ReturnDataSetFromSproc("spGetOrgChartStructure")
Dim dt_orgStucture As DataTable = ds_orgStructure.Tables(0)
If Not dt_orgStucture Is Nothing Then
rocOrgChart.GroupEnabledBinding.NodeBindingSettings.DataFieldID = "ID"
rocOrgChart.GroupEnabledBinding.NodeBindingSettings.DataFieldParentID = "ParentID"
rocOrgChart.GroupEnabledBinding.NodeBindingSettings.DataSource = ds_orgStructure
End If

Dim ds_OrgChart As DataSet = sqhBI20.ReturnDataSetFromSproc("SpGetOrgChart")
Dim dt_OrgChart As DataTable = ds_OrgChart.Tables(0)
If Not dt_OrgChart Is Nothing Then
rocOrgChart.GroupEnabledBinding.GroupItemBindingSettings.DataFieldID = "ID"
rocOrgChart.GroupEnabledBinding.GroupItemBindingSettings.DataFieldNodeID = "NodeID"
rocOrgChart.GroupEnabledBinding.GroupItemBindingSettings.DataTextField = "FullName"
rocOrgChart.GroupEnabledBinding.GroupItemBindingSettings.DataImageUrlField = "ImgPath"
rocOrgChart.RenderedFields.ItemFields.Add(New Telerik.Web.UI.OrgChartRenderedField() With {.DataField = "NodeID"})
rocOrgChart.GroupEnabledBinding.GroupItemBindingSettings.DataSource = ds_OrgChart
End If
rocOrgChart.DataBind()

RadSearchBox1.Text = ""
RadSearchBox1.DataSource = ds_OrgChart
RadSearchBox1.DataBind()

Catch ex As Exception
Throw New Exception(ex.ToString())
End Try
End Sub

Public Sub rocOrgChart_DrillDown(sender As Object, e As Telerik.Web.UI.OrgChartDrillDownEventArguments) Handles rocOrgChart.DrillDown

Dim item = New OrgChartGroupItem() With {.DataItem = "NodeID"}
e.SourceNode.Renderer.Controls.Remove(e.SourceNode.Nodes.Renderer)
e.SourceNode.GroupItems.Clear()
e.SourceNode.Nodes.Clear()
e.SourceNode.GroupItems.Add(item)

End Sub

OrgChart

answered on 16 Dec 2020