Questions on UI for ASP.NET AJAX Forum

4 answers

156 views

SMS application usinf telerik

Does anyone have experience in creating an sms features using telerik controls ?

General Discussions

answered on 14 May 2016

6 answers

786 views

[Solved] Scrolling Within RadWindow

I have a page with a RadGrid, and on each row there is a link which opens a RadWindow. The window is opened via client side scripting below:

function ShowSecurityForm(id, rowIndex) {

var size = 80;

var browserWidth = $telerik.$(window).width();

var browserHeight = $telerik.$(window).height();

var width = Math.ceil(browserWidth * size / 100);

var height = Math.ceil(browserHeight * size / 100);

var grid = $find("<%= rgGroups.ClientID %>");

var rowControl = grid.get_masterTableView().get_dataItems()[rowIndex].get_element();

grid.get_masterTableView().selectItem(rowControl, true);

var oWnd = window.radopen("DocumentSecurity/" + id, "radSecurity");

oWnd.setSize(width, height);

oWnd.center();

return false;

}

The data in the window is also in a RadGrid and sometimes scrolls off the bottom of the RadWindow (based on the number of rows), is there a way to enable vertical scrolling in the RadWindow? I've applied CSS to have "overflow: scroll !important" on both the RadWindow and on the RadGrid and it doesn't work.

I've also set the AutoSize property of the RadWindow (before I had the window size calculation in the above JS) and it only displays a RadWindow that is about an inch by an inch and I can't see anything.

Window

answered on 13 May 2016

10 answers

551 views

RadTreeView (check all nodes / uncheck all nodes)

Hi all,

i'm rendering a checkbox tree view with 2 levels of hierarchy (rootnodes and subnodes, but no more subnodes beyond the first subnode) and i've added two hyperlinks who have an eventhandler onclick to check all or uncheck all nodes:

function selectallnodes(value) {
    var o = $find(value); //value = ClientID (string value) for the RadTreeView
    var nodes = o.get_nodes();
    var count = nodes.get_count();
    for (var i = 0; i < count; i++) {
        nodes.getNode(i).check();
    }
}

The total of rootnodes is 52 and the global total of nodes = 256...
It runs fine in firefox but when it runs in IE 6 or IE 7 i get an warning messagebox (yes no) that says :
"A script on this page is causing internet explorer to run slowly, if it continues to run your computer may become unresponsive. Do you want to abort the script?"
Is there any overhead with the nodes.getNode(i) ??? Or an alternative?

TreeView

answered on 13 May 2016

2 answers

188 views

about Multiple radChart Bar Series

Hi admins,

I'm very fresher of radChart

but there's any way for me to make a chart like this (example)?

the Make & female is also can stackable but I tried several way it seem still not.

Hope to see your opinion soon.

I'm using Q1 2015 Telerik ASP. Net Ajax, ver: 2015.1.225.40

I'm binding data in server side.

Chart (HTML5)

answered on 13 May 2016

1 answer

82 views

Discrading previously selected rows on grid.select()

If a do a grid.select(row1), and then do a grid.select(row2), I mean to switch the selection from row1 to row2. But this doesn't happen; both rows are selected. To achieve the switching, I need to do a grid.clearSelection() before selecting again, but that fires the change event 2 times.

How can i select one row at a time programatically? By manually clicking on rows, the selection switches, and change event is only fired once. So I'm thinking there has to be a way to reproduce that programatically as well.

Grid

answered on 13 May 2016

1 answer

195 views

Proper way to attach client-side onfocus event to GridDropDownColumn

I have a question regarding the proper way to attach an onfocus client-side event so it will generate on the input tag rather than the parent div tag (because it doesn't fire on the div tag) for a GridDropDownColumn?

I am currently attempting this in the PreRender event for the grid since I am placing every item in the grid into edit mode. But, I can't figure out how to get the onfocus to generate on the input tag containing the text for the GridDropDownColumn. Any help would be greatly appreciated.

Grid

answered on 13 May 2016

1 answer

1.2K+ views

changing the checkbox size

I would like to increase the size of the checkbox to make it easier for users to check. Is there a simple way to do that with the new radCheckbox control?

Thanks,

Todd.

CheckBox

answered on 13 May 2016

3 answers

146 views

TileGroup Title

01.private void BuildUserGroup() {

02.

03. group = new TileGroup();

04. //group.Name = "Personal";

05. group.Title = "Personal";

06.

07. BuildDashboard();

08. group.Tiles.Add(kpiTile);

09. BuildMyCompetencies();

10. group.Tiles.Add(kpiTile);

11. BuildTranscript();

12. group.Tiles.Add(tile);

13. BuildCatalog();

14. group.Tiles.Add(tile);

15. BuildIDP();

16. group.Tiles.Add(tile);

17.

18. rtlTJA.Groups.Add(group);

19. }

Above is a snippet of code I use in the code behind to create groups and tiles dynamically. It works great without referencing the Title property (image #1). When I un-comment it above, the tiles disappear (image #2).

I am using version 2016.1.113.35.

TileList

answered on 13 May 2016

3 answers

266 views

Changing row backcolor breaks hover color

I have an interesting issue. When I change the backcolor of the row in the ItemDatabound event, the hover color ends up shorter than than the actual row height.

protected void grvGrid_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

try

{

if (e.Item is GridDataItem)

{

GridDataItem item = (GridDataItem)e.Item;

string rowIndex = Convert.ToString(((DataTable)grvGrid.DataSource).Rows[e.Item.ItemIndex]["IDKey"]);

item.Attributes.Add("onclick", "itemSelected('" + rowIndex + "')");

foreach (TableCell cell in e.Item.Cells)

{

cell.ToolTip = cell.Text.Replace(" ", "").Trim();

}

if (e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["StatusCD"].ToString().Trim().Equals("Deleted"))

{

e.Item.BackColor = System.Drawing.Color.LightPink;

}

if (e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["StatusCD"].ToString().Trim().Equals("Discontinued"))

{

e.Item.BackColor = System.Drawing.Color.LightGoldenrodYellow;

}

catch (Exception ex)

{

Session["ErrorMessage"] = ex.Message;

Response.Redirect("ErrorPage.aspx");

}

When the back color gets changed for a row, the hover only covers about 80% of the height of the row.
Any ideas?

Grid

answered on 13 May 2016

1 answer

143 views

Checkbox return nullable value with editform usercontrol on grid

I use usercontrol editform in my grid. But, when "Update" button click, all RadCheckBox item in edit form can't get a value

In my OnUpdateCommand of my grid

1.GridEditableItem editedItem = e.Item as GridEditableItem;

2.UserControl myControl = (UserControl) e.Item.FindControl(GridEditFormItem.EditFormUserControlID);

3.RadCheckBox chkFwd = myControl.FindControl("rad_chkFwd") as RadCheckBox;

4.RadCheckBox chkFwdToBoss = myControl.FindControl("rad_chkFwdToBoss") as RadCheckBox;

5.RadCheckBox chkFwdToEmp = myControl.FindControl("rad_chkFwdToEmp") as RadCheckBox;

6.bool isForward = chkFwd.Checked.Value; //Error:will return exception nullable value on runtime

7.bool isToBoss = chkFwdToBoss.Checked.Value;//Error:will return exception nullable value on runtime

8.bool isToEmp = chkFwdToEmp.Checked.Value;//Error: will return exception nullable value on runtime

And my reference Control in editform:

01.<td>

02. <telerik:RadCheckBox runat="server" ID="rad_chkFwd" OnClientCheckedChanged="FwdChanged" OnClientLoad="FwdChanged" AutoPostBack="False" Text="Forward" />

03.</td>

04.<td>

05. <telerik:RadCheckBox runat="server" ID="rad_chkFwdToBoss" OnClientCheckedChanged="ShowBoss" OnClientLoad="ShowBoss" AutoPostBack="False" Text="Forward Up Level"/>

06.</td>

07.<td>

08. <telerik:RadCheckBox runat="server" ID="rad_chkFwdToEmp" OnClientCheckedChanged="ToEmployee" OnClientLoad="ToEmployee" AutoPostBack="False" Text="Forward Down Level" />

09.</td>

CheckBox

answered on 13 May 2016