Questions on UI for ASP.NET AJAX Forum

6 answers

306 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

89 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

277 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

118 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

51 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

62 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

112 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

0 answers

82 views

Telerik Grid Filter menu for column based

Hi Telerik,

I was implemented telerik grid filter in my project but the requirement is to have a unique filter menu options for every column in the grid, in your samples we dont see any customized filter menu.

Kindly help me how to implement this.

Note: My project and client details are highly confidential.

Thanks in advance.

Grid

asked on 17 Jun 2015

1 answer

97 views

Right aligning the item data in a template cell

Hi,

I've tried everything I can think of to right align the hours cell in this grid. I've used CssClass="RightAlignCell" and HorizontalAlign="Right". I've even tried to align it in the code-behind. One guy in a forum even suggested reducing the width of the cell. It had no effect. Nothing works.

I am attaching an example of the grid, and the html in the hopes that someone can see something I'm missing. In the html example, I'm using a CssClass of NumberAlign. However, I've tried RightAlignCell as well.

Thanks,
Paul

paul.burnham@calrecycle.ca.gov

Grid

answered on 17 Jun 2015

5 answers

112 views

Image Manager formatting

I am transitioning from an older editor to the Telerik editor. I saw that you can modify the FileExplorer dialog by editing the usercontrol itself, but my purpose for switching editors was to be able to control how the Editor looked without having to edit multiple files and having all the properties in one place. It would be nice if there were properties to hide the delete button, new folder button, the left side file explorer, etc.

Can this be done?

Thank you.

Editor

answered on 17 Jun 2015