Questions on UI for ASP.NET AJAX Forum

2 answers

181 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

77 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

190 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

137 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

255 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

135 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

15 answers

392 views

Material Design Skin

Is anyone else having issues getting the new Material skin to render? I've just upgraded my project and its the only skin not working. I'm seeing 404s in Chrome Developer Tools when the browser trys to fetch the WebResource files. I've never had this happen before when new skins roll out.

General Discussions

answered on 13 May 2016

1 answer

308 views

Expanding GridButtonColumn Width

Hello, I can't figure out how to set (expand) the GridButtonColumn text for my subgrid. It seems locked into the width of the default edit pencil icon for subgrids, but I've entered the text "Click to Begin" in this column instead.

I've tried HeaderStyle-Width with no affect, and ItemStyle-Width, which threw an error as an un-unknown attribute. Any help would be much appreciated!

Here's the template snippet:

<telerik:GridButtonColumn HeaderStyle-Width="250px" UniqueName="btnEdit" ButtonType="LinkButton" Text="<strong>Click to Begin</strong>" CommandName="Edit" />

I've attached a screenshot of my subgrid below.

Grid