Questions on UI for ASP.NET AJAX Forum

1 answer

208 views

Read all data at client side from the RadGrid - batch edit mode

How can I get all data from the RadGrid at client side to build a json string with the new data?

using the following code I Tried

01.<telerik:GridTemplateColumn UniqueName="ColDepartment" DataField="DepartmentId" HeaderStyle-HorizontalAlign="Left">

02.<ItemTemplate>

03. <asp:Label ID="DepartmentNameLbl" runat="server" Text='<%#Bind("Department.Name") %>'></asp:Label>

04.</ItemTemplate>

05.

06.<EditItemTemplate>

07. <telerik:RadDropDownList runat="server" ID="DepartmentsDdl" DataValueField="Id" DataTextField="Name" OnPreRender="DepartmentsDdl_PreRender"></telerik:RadDropDownList>

08. </EditItemTemplate>

09.

</telerik:GridTemplateColumn>

1.batchManagerObject.getCellValue(cellObject);

but it gives me the displayed value [DepartmentName] What I need is the [DepartmentId]

Grid

answered on 18 Jun 2015

2 answers

225 views

RadEditor Content

HI Telerik

I have htmlEcoded data coming from an external source.

If I set the radeditor's content to this htmlEncoded data, it doesn't display properly. If I htmldecode this data and then set it to radeditor's content... it displays properly..

Can you pls explain why it is so. Also is it ok to htmldecode data and display in editor.

Please reply..

Thanks,

Nick.

Editor

answered on 18 Jun 2015

2 answers

457 views

Unable to open radwindow using radopen() in javascript

Hi ,
I want to open radwindow on click of link button with help of radopen() javascript method.. i am getting error
"Microsoft JScript runtime error: Object doesn't support this property or method" how can i call radwindow to open with radopen() method.
Code :
------
       <asp:LinkButton ID="lnk_ForgotPassqord" runat="server" OnClientClick="OpenRadWin(); return false;"
              Style="font-size: 11px; padding-left: 20px;">Forgot password?</asp:LinkButton>

            <telerik:RadWindowManager ID="radWindowManager" runat="server">
             <Windows>
                 <telerik:RadWindow ID="radWindow" Skin="Vista" runat="server" Title="User List Dialog"
                    Height="500px" Width="300px" Left="150px" Modal="true">
                </telerik:RadWindow>
                </Windows>
            </telerik:RadWindowManager>

Javascript code :
----------------------
<script language="javascript" type="text/javascript">
        function OpenRadWin() {
            debugger;
            radopen(null, "radWindow");
        }
    </script>

Regards,
Akki

Window

answered on 18 Jun 2015

6 answers

351 views

ToolBarButton - How to remov the default image?

Hi,

I created an RabToolBarButton and didn't assign it an icon but it comes by default with the "Refresh" icon when I add it to a RadFileExplorer's ToolBar.

What I need to do to remove the refresh icon?
I tried setting the icon to another image file but it just adds it on top of the refresh icon...

Here's an image of what it looks like

Here's the code :

RadToolBarButton toolbarBtnAlertMe = new RadToolBarButton("Alert Me");

toolbarBtnAlertMe.NavigateUrl = "http://someurl.com";

fileExplorer.ToolBar.Items.Add(toolbarBtnAlertMe);

ToolBar

answered on 17 Jun 2015

1 answer

115 views

Connector is pinned when shape is moved.

I have an issue with the Diagram control when the LayoutType is Layered or Force.

With the code below, when either the GreatGrandChild 1 or GrandChild 1 shapes are moved, the connector between the two is pinned. BuildErrorDiagram() is called in Page_Load.

The image files attached show the before and after on the shap move.

<C# Code Behind>

private void BuildErrorDiagram()
{
RadDiagram1.ConnectionsCollection.Clear();
RadDiagram1.ShapesCollection.Clear();

RadDiagram1.LayoutSettings.Type = Telerik.Web.UI.Diagram.LayoutType.Layered;
RadDiagram1.LayoutSettings.Subtype = Telerik.Web.UI.Diagram.LayoutSubtype.Horizontal;

Telerik.Web.UI.DiagramShape p1 = new Telerik.Web.UI.DiagramShape();
p1.Id = "P0";
p1.ContentSettings.Text = "Parent 0";
RadDiagram1.ShapesCollection.Add(p1);

Telerik.Web.UI.DiagramShape c1 = new Telerik.Web.UI.DiagramShape();
c1.Id = "C1";
c1.ContentSettings.Text = "Child 1";
RadDiagram1.ShapesCollection.Add(c1);

Telerik.Web.UI.DiagramShape c2 = new Telerik.Web.UI.DiagramShape();
c2.Id = "C2";
c2.ContentSettings.Text = "Child 2";
RadDiagram1.ShapesCollection.Add(c2);

Telerik.Web.UI.DiagramShape gc1 = new Telerik.Web.UI.DiagramShape();
gc1.Id = "GC1";
gc1.ContentSettings.Text = "GrandChild 1";
RadDiagram1.ShapesCollection.Add(gc1);

Telerik.Web.UI.DiagramShape gc2 = new Telerik.Web.UI.DiagramShape();
gc2.Id = "GC2";
gc2.ContentSettings.Text = "GrandChild 2";
RadDiagram1.ShapesCollection.Add(gc2);

Telerik.Web.UI.DiagramShape gc3 = new Telerik.Web.UI.DiagramShape();
gc3.Id = "GC3";
gc3.ContentSettings.Text = "GrandChild 3";
RadDiagram1.ShapesCollection.Add(gc3);

Telerik.Web.UI.DiagramShape gc4 = new Telerik.Web.UI.DiagramShape();
gc4.Id = "GC4";
gc4.ContentSettings.Text = "GrandChild 4";
RadDiagram1.ShapesCollection.Add(gc4);

Telerik.Web.UI.DiagramShape ggc1 = new Telerik.Web.UI.DiagramShape();
ggc1.Id = "GGC1";
ggc1.ContentSettings.Text = "GreatGrandChild 1";
RadDiagram1.ShapesCollection.Add(ggc1);

Telerik.Web.UI.DiagramConnection dsc1 = new Telerik.Web.UI.DiagramConnection();
dsc1.ToSettings.ShapeId = p1.Id;
dsc1.FromSettings.ShapeId = c1.Id;
dsc1.EndCap = Telerik.Web.UI.Diagram.ConnectionEndCap.ArrowEnd;
dsc1.StartCap = Telerik.Web.UI.Diagram.ConnectionStartCap.FilledCircle;
dsc1.StrokeSettings.DashType = Telerik.Web.UI.Diagram.StrokeDashType.Solid;
dsc1.ContentSettings.Color = "#fff";

RadDiagram1.ConnectionsCollection.Add(dsc1);

Telerik.Web.UI.DiagramConnection dsc2 = new Telerik.Web.UI.DiagramConnection();
dsc2.ToSettings.ShapeId = p1.Id;
dsc2.FromSettings.ShapeId = c2.Id;
dsc2.EndCap = Telerik.Web.UI.Diagram.ConnectionEndCap.ArrowEnd;
dsc2.StartCap = Telerik.Web.UI.Diagram.ConnectionStartCap.FilledCircle;
dsc2.StrokeSettings.DashType = Telerik.Web.UI.Diagram.StrokeDashType.Solid;
dsc2.ContentSettings.Color = "#fff";

RadDiagram1.ConnectionsCollection.Add(dsc2);

Telerik.Web.UI.DiagramConnection dsc3 = new Telerik.Web.UI.DiagramConnection();
dsc3.ToSettings.ShapeId = c1.Id;
dsc3.FromSettings.ShapeId = gc1.Id;
dsc3.EndCap = Telerik.Web.UI.Diagram.ConnectionEndCap.ArrowEnd;
dsc3.StartCap = Telerik.Web.UI.Diagram.ConnectionStartCap.FilledCircle;
dsc3.StrokeSettings.DashType = Telerik.Web.UI.Diagram.StrokeDashType.Solid;
dsc3.ContentSettings.Color = "#fff";

RadDiagram1.ConnectionsCollection.Add(dsc3);

Telerik.Web.UI.DiagramConnection dsc4 = new Telerik.Web.UI.DiagramConnection();
dsc4.ToSettings.ShapeId = c2.Id;
dsc4.FromSettings.ShapeId = gc2.Id;
dsc4.EndCap = Telerik.Web.UI.Diagram.ConnectionEndCap.ArrowEnd;
dsc4.StartCap = Telerik.Web.UI.Diagram.ConnectionStartCap.FilledCircle;
dsc4.StrokeSettings.DashType = Telerik.Web.UI.Diagram.StrokeDashType.Solid;
dsc4.ContentSettings.Color = "#fff";

RadDiagram1.ConnectionsCollection.Add(dsc4);

Telerik.Web.UI.DiagramConnection dsc40 = new Telerik.Web.UI.DiagramConnection();
dsc40.ToSettings.ShapeId = gc2.Id;
dsc40.FromSettings.ShapeId = gc3.Id;
dsc40.EndCap = Telerik.Web.UI.Diagram.ConnectionEndCap.ArrowEnd;
dsc40.StartCap = Telerik.Web.UI.Diagram.ConnectionStartCap.FilledCircle;
dsc40.StrokeSettings.DashType = Telerik.Web.UI.Diagram.StrokeDashType.Solid;
dsc40.ContentSettings.Color = "#fff";

RadDiagram1.ConnectionsCollection.Add(dsc40);

Telerik.Web.UI.DiagramConnection dsc411 = new Telerik.Web.UI.DiagramConnection();
dsc411.ToSettings.ShapeId = gc3.Id;
dsc411.FromSettings.ShapeId = gc4.Id;
dsc411.EndCap = Telerik.Web.UI.Diagram.ConnectionEndCap.ArrowEnd;
dsc411.StartCap = Telerik.Web.UI.Diagram.ConnectionStartCap.FilledCircle;
dsc411.StrokeSettings.DashType = Telerik.Web.UI.Diagram.StrokeDashType.Solid;
dsc411.ContentSettings.Color = "#fff";

RadDiagram1.ConnectionsCollection.Add(dsc411);

Telerik.Web.UI.DiagramConnection dsc41 = new Telerik.Web.UI.DiagramConnection();
dsc41.ToSettings.ShapeId = gc2.Id;
dsc41.FromSettings.ShapeId = gc3.Id;
dsc41.EndCap = Telerik.Web.UI.Diagram.ConnectionEndCap.ArrowEnd;
dsc41.StartCap = Telerik.Web.UI.Diagram.ConnectionStartCap.FilledCircle;
dsc41.StrokeSettings.DashType = Telerik.Web.UI.Diagram.StrokeDashType.Solid;
dsc41.ContentSettings.Color = "#fff";

RadDiagram1.ConnectionsCollection.Add(dsc41);

Telerik.Web.UI.DiagramConnection dsc5 = new Telerik.Web.UI.DiagramConnection();
dsc5.ToSettings.ShapeId = gc1.Id;
dsc5.FromSettings.ShapeId = ggc1.Id;
dsc5.EndCap = Telerik.Web.UI.Diagram.ConnectionEndCap.ArrowEnd;
dsc5.StartCap = Telerik.Web.UI.Diagram.ConnectionStartCap.FilledCircle;
dsc5.StrokeSettings.DashType = Telerik.Web.UI.Diagram.StrokeDashType.Solid;
dsc5.ContentSettings.Color = "#fff";

RadDiagram1.ConnectionsCollection.Add(dsc5);

Telerik.Web.UI.DiagramConnection dsc6 = new Telerik.Web.UI.DiagramConnection();
dsc6.ToSettings.ShapeId = gc4.Id;
dsc6.FromSettings.ShapeId = ggc1.Id;
dsc6.EndCap = Telerik.Web.UI.Diagram.ConnectionEndCap.ArrowEnd;
dsc6.StartCap = Telerik.Web.UI.Diagram.ConnectionStartCap.FilledCircle;
dsc6.StrokeSettings.DashType = Telerik.Web.UI.Diagram.StrokeDashType.Solid;
dsc6.ContentSettings.Color = "#fff";

RadDiagram1.ConnectionsCollection.Add(dsc6);

}

--- END OF CODE

Thank you.

Diagram

answered on 17 Jun 2015

1 answer

311 views

Bust modal pop up out of iFrame

I have a framed site with an IFrame containing a Radgrid. From the grid I have pop up RadWIndows that pop up in modal form, but they are contained within the iFrame.

Is it possible to bust these modal pop ups over the iframe, the main reason is content and several scroll bars which makes using the pop very difficult with a lot of content.

Andy

Window

answered on 17 Jun 2015

4 answers

138 views

Fit shape size to text or fit text to shape size

I have been trying to determine how to make either a diagram shape size fit the text or fit the text to the shape size. Can someone please explain how this can be done?

Diagram

answered on 17 Jun 2015

3 answers

87 views

Dropping grid row on RadTreeview - HtmlElement value is undefined

Hi,

I have drag/drop working ok from a grid to treeview node using this code:

function RadGrid1_OnRowDropping(sender, args) {

if (currentNode) {

var fld = $get("<%= nodeValueHiddenField.ClientID %>");

fld.value = currentNode.get_value();

args.set_destinationHtmlElement(fld);

//args.set_destinationHtmlElement(fld.id);// Have tried both options

}

else {

args.set_cancel(true);

}

currentNode gets set using mouseover/out of the treeview, fld is a valid reference to my <input type="hidden"/> field. Whenever the server side event is fired (by ajax) though, e.HtmlElement is always the string "undefined":

protected void RadGrid1_RowDrop(object sender, GridDragDropEventArgs e)

{

if ((!String.IsNullOrEmpty(e.HtmlElement)) &&

(e.DraggedItems.Count > 0))

Grid

answered on 17 Jun 2015

6 answers

71 views

Scheduler placed within or below RadPageLayout

I have an ascx page with radpagelayout, radgrid and radscheduler on the same page. the controls are layout in this sequence from top to bottom

radpagelayout

radgrid

radscheduler

When navigating or switching the day/week/month views on the scheduler, it will throw an error similar to one below. The scheduler would stop working after the second Ajax request as well.

Uncaught Sys.ArgumentOutOfRangeException: Sys.ArgumentOutOfRangeException: Value must be an integer.
Parameter name: y
Actual value was 1183.8889103171273.

But when the scheduler control is placed above the radpagelayout control on the page, everything works fine. Seems that the radpagelayout control is causing problems to the scheduler.

using the 2015 Q1 version.

Appreciate any help to solve this.

Thanks!

Scheduler

answered on 17 Jun 2015

7 answers

141 views

How do I set css for alternating lines in a Radscheduler

Hi

I have a radscheduler which uses Resource grouping and grouping direction is set to vertical. I would like to give the alternating rows a different background color.

For the resource gouping I use data from a database. (also for the appointments offcourse)

How can I do this?

Kind regards

Suzy

Scheduler

answered on 17 Jun 2015