Questions on UI for ASP.NET AJAX Forum

110,730 questions

2 answers

121 views

Matching the Resource Color and Header for that Resource in Grouping

I'm trying to get the color of the appointment for a resource and the header when using grouping to match also. I can set the colors of both but not using the built-in css styles.

Sub Page_Load

        sqlConn.Open()
        sqlDataRdr = sqlCmd.ExecuteReader()
    RadScheduler1.ResourceStyles.Clear()

        Do While sqlDataRdr.Read()

            If Not System.DBNull.Value.Equals(sqlDataRdr.Item("ID")) Then
                    RadScheduler1.ResourceStyles.Add(New ResourceStyleMapping("Calendar", sqlDataRdr.Item("ID"), sqlDataRdr.Item("colorStyle")))
            End If
        Loop
        sqlConn.Close()

Scheduler

answered on 05 Oct 2015

2 answers

126 views

RadDiagram shape rotation angle clientside using javascript

I need a clientside equivalent to rotate a shape in raddiagram. Till now, I'm using the following serverside code :

diagramShape.RotationSettings.Angle = 45;

So, are there an alternative javascript to do the job.

Thanks in advance.

Diagram

answered on 05 Oct 2015

3 answers

72 views

Telerik PITS Display

I'm wondering if someone from Telerik could explain to me the usefulness of the PITS (unfortunate acronym) system? As of this moment it is showing you are working on 16 out of 553 open items with the vast majority of open items showing no scheduled date. I suppose if I wanted a list of all the things Telerik IS NOT working on, then this would be of some use, but I could probably come up with such a list on my own and it would probably be just as accurate. As it stands the PITS list gives me the impression that Telerik isn't dedicating much in the way of resources to improving their controls. This is surprising given the increase in Telerik's prices in recent years and the obvious resources they have spent in developing and marketing various IDE framework names like "Kendo" and "Icenium". In the last year they have even managed to release a (questionable IMO) redesign of their demos website and deploy a host of bloggers to discuss and advocate all things Telerik. But what the vaunted PITS system shows is that more than 97% of developer's suggestions, some of them several years old, go largely ignored for an indeterminate amount of time. Now, I always had a feeling that PITS was where ideas went to die, but I guess this confirms it. So, I guess I'm surprised that a company which has clearly made a larger effort to sell their product as opposed to improve their product in recent years has allowed their customers such an un-obscured view of their PITS.

General Discussions

answered on 05 Oct 2015

0 answers

50 views

RadTreeView (RadTreeNode) help required

i have 2 TreeViews if i check any one item the same item from the 2nd TreeView should be disabled i need an example for that, also i am facing a width (Scrolling) issue in every tooltip of my project, this might because of telerik version update.

for your Info i am attaching image.

ToolTip

asked on 05 Oct 2015

2 answers

79 views

Custom Skin cannot work

Hi,

I try create custom skin but doesn't load properly, but when i put my css on body is work fine

i include attachment result and code.

So can you help me how i can put the telerik style inside head tag ?

Currently i use telerik 2015.1.401.45.

ComboBox

answered on 05 Oct 2015

1 answer

99 views

Change sub-container at runtime?

Is it possible to change the target sub-container at run time? I am trying to use the radcloudupload control to upload files into several sub-containers, depending on options selected in the form at time of upload.

Thank you in advance.

CloudUpload

answered on 05 Oct 2015

17 answers

531 views

Invalid XHTML. RadGrid has to render correct XHTML in order to export to PDF.

Hi there,

I have been searching all over the forum, however, couldn't find out the solution to fix my similar case as follow:

Invalid XHTML. RadGrid has to render correct XHTML in order to export to PDF.
Parse error:
The 'body' start tag on line 674 position 6 does not match the end tag of 'td'. Line 689, position 39.
at line:
</td><td style="white-space:nowrap;">

I will paste my code below:

ASPX:

001.<div id="print_area">

002. <asp:ImageButton ID="DownloadCSV" ImageUrl="images/file-extension-csv-icon.png"

003. OnClick="DownloadCSV_Click" runat="server" CssClass="ImageButtons" />

004. <asp:ImageButton ID="DownloadPDF" runat="server" OnClick="DownloadPDF_Click" ImageUrl="images/file-extension-pdf-icon.png"

005. CssClass="pdfButton"></asp:ImageButton>

006. <br />

007. <telerik:RadGrid AutoGenerateColumns="False" ID="RadGrid1" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" runat="server" OnItemCommand="RadGrid1_ItemCommand" OnItemCreated="RadGrid1_ItemCreated" EnableLinqExpressions="true" HtmlEncode="true" OnPdfExporting="RadGrid1_PdfExporting"

008. ShowGroupPanel="True" CellSpacing="-1" GridLines="Both" Skin="Office2010Silver" Width="100%">

009. <PagerStyle Mode="NextPrevAndNumeric" />

010. <GroupingSettings CaseSensitive="false" />

011. <ClientSettings AllowKeyboardNavigation="true">

012. </ClientSettings>

013. <ExportSettings IgnorePaging="true" OpenInNewWindow="true">

014. <Pdf PageHeight="210mm" PageWidth="297mm" DefaultFontFamily="Arial Unicode MS" PageTopMargin="45mm"

015. BorderStyle="Medium" BorderColor="#666666" PaperSize="A4">

016. </Pdf>

017. </ExportSettings>

018. <MasterTableView Width="100%" DataKeyNames="JobID" HierarchyLoadMode="ServerOnDemand">

019. <Columns>

020. <telerik:GridMaskedColumn DataField="JobID" HeaderText="JobID#"

021. FilterControlWidth="50px" AutoPostBackOnFilter="false" CurrentFilterFunction="EqualTo"

022. FilterDelay="2000" ShowFilterIcon="false" Mask="#####">

023. <ColumnValidationSettings>

024. <ModelErrorMessage Text=""></ModelErrorMessage>

025. </ColumnValidationSettings>

026. </telerik:GridMaskedColumn>

027. <telerik:GridBoundColumn HeaderText="Customer Ref No" DataField="JobCustomerRefNo" UniqueName="JobCustomerRefNo"

028. SortExpression="JobCustomerRefNo" HeaderStyle-Width="180px" FilterControlAltText="Filter JobCustomerRefNo column">

029. <ColumnValidationSettings>

030. <ModelErrorMessage Text=""></ModelErrorMessage>

031. </ColumnValidationSettings>

032.

033. </telerik:GridBoundColumn>

034. <telerik:GridBoundColumn DataField="JobTitle" FilterControlAltText="Filter JobTitle column" HeaderText="Job Title" SortExpression="JobTitle" UniqueName="JobTitle">

035. <ColumnValidationSettings>

036. <ModelErrorMessage Text="" />

037. </ColumnValidationSettings>

038. </telerik:GridBoundColumn>

039. <telerik:GridDateTimeColumn DataField="JobBookedDate" PickerType="DatePicker" EnableTimeIndependentFiltering="true"

040. DataFormatString="{0:dd/MM/yyyy HH:mm }" DataType="System.DateTime" FilterControlAltText="Filter JobBookedDate column" HeaderText="Job Booked Date" SortExpression="JobBookedDate" UniqueName="JobBookedDate">

041. <ColumnValidationSettings>

042. <ModelErrorMessage Text="" />

043. </ColumnValidationSettings>

044. </telerik:GridDateTimeColumn>

045. <telerik:GridBoundColumn DataField="JobAddress1" FilterControlAltText="Filter JobAddress1 column" HeaderText="Address" SortExpression="JobAddress1" UniqueName="JobAddress1">

046. <ColumnValidationSettings>

047. <ModelErrorMessage Text="" />

048. </ColumnValidationSettings>

049. </telerik:GridBoundColumn>

050. <telerik:GridBoundColumn DataField="JobSuburb" FilterControlAltText="Filter JobSuburb column" HeaderText="Suburb" SortExpression="JobSuburb" UniqueName="JobSuburb">

051. <ColumnValidationSettings>

052. <ModelErrorMessage Text="" />

053. </ColumnValidationSettings>

054. </telerik:GridBoundColumn>

055. <telerik:GridBoundColumn DataField="JobPostCode" FilterControlAltText="Filter JobPostCode column" HeaderText="PostCode" SortExpression="JobPostCode" UniqueName="JobPostCode">

056. <ColumnValidationSettings>

057. <ModelErrorMessage Text="" />

058. </ColumnValidationSettings>

059. </telerik:GridBoundColumn>

060. <telerik:GridBoundColumn DataField="JobState" FilterControlAltText="Filter JobState column" HeaderText="State" SortExpression="JobState" UniqueName="JobState">

061. <ColumnValidationSettings>

062. <ModelErrorMessage Text="" />

063. </ColumnValidationSettings>

064. </telerik:GridBoundColumn>

065. <telerik:GridTemplateColumn DataField="JobStatusID" HeaderText="Status Type" UniqueName="JobStatusID"

066. HeaderStyle-Width="200px" SortExpression="JobStatusID">

067. <FilterTemplate>

068. <telerik:RadComboBox ID="comboJobStatus" DataTextField="JobStatusName"

069. DataValueField="JobStatusID" Height="100px" AppendDataBoundItems="true" SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("JobStatusID").CurrentFilterValue %>'

070. runat="server" OnClientSelectedIndexChanged="JobStatusIndexChanged">

071. <Items>

072. <telerik:RadComboBoxItem Text="All" />

073. </Items>

074. </telerik:RadComboBox>

075. <telerik:RadScriptBlock ID="RadScriptBlock3" runat="server">

076. <script type="text/javascript">

077. function JobStatusIndexChanged(sender, args) {

078. var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");

079. tableView.filter("JobStatusID", args.get_item().get_value(), "EqualTo");

080. }

081. </script>

082. </telerik:RadScriptBlock>

083. </FilterTemplate>

084. <ItemTemplate>

085. <%# Eval("JobStatus") %>

086. </ItemTemplate>

087. </telerik:GridTemplateColumn>

088.

<telerik:GridTemplateColumn DataField="ClientID" HeaderText="Client" UniqueName="ClientID"

089. HeaderStyle-Width="200px" SortExpression="ClientID">

090. <FilterTemplate>

091. <telerik:RadComboBox ID="comboClient" DataTextField="ClientName"

092. DataValueField="ClientID" Height="100px" AppendDataBoundItems="true" SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("ClientID").CurrentFilterValue %>'

093. runat="server" OnClientSelectedIndexChanged="ClientIndexChanged">

094. <Items>

095. <telerik:RadComboBoxItem Text="All" />

096. </Items>

097. </telerik:RadComboBox>

098. <telerik:RadScriptBlock ID="RadScriptBlock2" runat="server">

099. <script type="text/javascript">

100. function ClientIndexChanged(sender, args) {

101. var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");

102. tableView.filter("ClientID", args.get_item().get_value(), "EqualTo");

103. }

104. </script>

105. </telerik:RadScriptBlock>

106. </FilterTemplate>

107. <ItemTemplate>

108. <%# Eval("Client") %>

109. </ItemTemplate>

110. </telerik:GridTemplateColumn>

111. <telerik:GridTemplateColumn DataField="AssignedStaffID" HeaderText="Staff" UniqueName="AssignedStaffID"

112. HeaderStyle-Width="200px" SortExpression="AssignedStaffID">

113. <FilterTemplate>

114. <telerik:RadComboBox ID="comboStaff" DataTextField="StaffName"

115. DataValueField="StaffID" Height="100px" AppendDataBoundItems="true" SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("AssignedStaffID").CurrentFilterValue %>'

116. runat="server" OnClientSelectedIndexChanged="StaffIndexChanged">

117. <Items>

118. <telerik:RadComboBoxItem Text="All" />

119. </Items>

120. </telerik:RadComboBox>

121. <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

122. <script type="text/javascript">

123. function StaffIndexChanged(sender, args) {

124. var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");

125. tableView.filter("AssignedStaffID", args.get_item().get_value(), "EqualTo");

126. }

127. </script>

128. </telerik:RadScriptBlock>

129. </FilterTemplate>

130. <ItemTemplate>

131. <%# Eval("AssignedStaff") %>

132. </ItemTemplate>

133. </telerik:GridTemplateColumn>

134. </Columns>

135. <NestedViewTemplate>

136. <asp:Panel runat="server" ID="InnerContainer" CssClass="viewWrap" Visible="false">

137. <telerik:RadMultiPage runat="server" ID="Multipage1" SelectedIndex="0" RenderSelectedPageOnly="false">

138. <telerik:RadPageView runat="server" ID="PageView1">

139. <telerik:RadGrid runat="server" ID="JobStatusGrid">

140. <MasterTableView ShowHeader="true" AutoGenerateColumns="False" AllowPaging="true"

141. DataKeyNames="JobStatusHistoryID" PageSize="7" HierarchyLoadMode="ServerOnDemand">

142. <Columns>

143. <telerik:GridBoundColumn HeaderText="Status Type" HeaderButtonType="TextButton"

144. DataField="JobStatus" UniqueName="JobStatusID">

145. </telerik:GridBoundColumn>

146. <telerik:GridBoundColumn HeaderText="Created By" HeaderButtonType="TextButton"

147. DataField="CreatedBy" UniqueName="CreatedBy">

148. </telerik:GridBoundColumn>

149. <telerik:GridBoundColumn HeaderText="Created On" HeaderButtonType="TextButton"

150. DataField="CreatedOn" UniqueName="CreatedOn">

151. </telerik:GridBoundColumn>

152. </Columns>

153. </MasterTableView>

154. </telerik:RadGrid>

155. </telerik:RadPageView>

156. </telerik:RadMultiPage>

157. </asp:Panel>

158. </NestedViewTemplate>

159. </MasterTableView>

160. <ClientSettings AllowDragToGroup="true">

161. <Scrolling AllowScroll="True" UseStaticHeaders="True" />

162. </ClientSettings>

163. </telerik:RadGrid>

164. </div>

ASPX.CS

01.protected void DownloadPDF_Click(object sender, System.EventArgs e)

02. {

03. isPdfExport = true;

04. RadGrid Grid1 = (RadGrid)Page.Master.FindControl("MainContent").FindControl("RadGrid1");

05. Grid1.ExportSettings.Pdf.AllowPrinting = true;

06. Grid1.ExportSettings.Pdf.AllowModify = true;

07. Grid1.ExportSettings.Pdf.AllowCopy = true;

08. Grid1.ExportSettings.Pdf.AllowAdd = true;

09. Grid1.ExportSettings.Pdf.DefaultFontFamily = "Helvetica";

10. Grid1.ExportSettings.Pdf.PageLeftMargin = new Unit(2, UnitType.Mm);

11. Grid1.ExportSettings.Pdf.PageRightMargin = new Unit(2, UnitType.Mm);

12. Grid1.ExportSettings.Pdf.PageHeaderMargin = new Unit(0, UnitType.Mm);

13. Grid1.ExportSettings.Pdf.PaperSize = GridPaperSize.Legal;

14. Grid1.ExportSettings.Pdf.PageHeight = Unit.Parse("210mm");

15. Grid1.ExportSettings.Pdf.PageWidth = Unit.Parse("420mm");

16.

17. foreach (GridColumn col in RadGrid1.MasterTableView.RenderColumns)

18. {

19. if (col.UniqueName != "MiddleInitial")

20. {

21. col.HeaderStyle.Width = Unit.Pixel(50);

22. }

23. }

24. Grid1.MasterTableView.ExportToPdf();

25. }

01.protected void RadGrid1_PdfExporting(object sender, GridPdfExportingArgs e)

02.{

03. StringBuilder customHTML = new StringBuilder();

04. customHTML.Append("<p style='color: red; font-weight: bold; font-size: 10pt;'>Title Page</p>");

05. customHTML.Append("<table style='font-family:Helvetica;font-size:9pt;width:500px;'>");

06. customHTML.Append("<tr><td>Customer: aaa 1</td><td>Date: bbbb 2</td></tr>");

07. customHTML.Append("<tr><td>Address: aaa 1</td><td>Email: bbbb 2 </td></tr>");

08. customHTML.Append("<tr><td>City: aaa 1</td><td>Phone: bbbb 2 </td></tr>");

09. customHTML.Append("<tr><td>State: aaa 1</td><td>Zip: bbbb 2 </td></tr>");

10. customHTML.Append("</table>");

11. e.RawHTML = customHTML + e.RawHTML;

12.}

Cheers

Grid

answered on 05 Oct 2015

2 answers

133 views

RadTreeView is not displaying the +/- nor checkboxes

I don't know what happened, we had it working but with some UI changes, it stopped working properly. So, I tried to create a new file, to rule out all the CSS, and to isolate just the RadTreeView and it's still not behaving as expected. Here's what I have in the .aspx page.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SearchForm.aspx.cs" Inherits="Cnet_Forum.SearchForm" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<telerik:radscriptmanager runat="server" id="RadScriptManager1">
<Scripts>
<asp:ScriptReference Assembly="System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Name="MicrosoftAjax.js" Path="https://ajax.microsoft.com/ajax/4.0/MicrosoftAjax.js" />
</Scripts>
</telerik:radscriptmanager>
<div>
<div class="panel-expand">
<telerik:RadTreeView ID="area_tree_view" runat="server" runat="server" CheckBoxes="True" TriStateCheckBoxes="True"
CheckChildNodes="true" MultipleSelect="True" >
</telerik:RadTreeView>
</div>
</div>
</form>
</body>
</html>

And the code-behind page:

using System;
using System.Collections.Generic;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using DbforumData;
using DbforumData.dataset;
using Telerik.Web.UI;

namespace Cnet_Forum
{
public partial class SearchForm : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string db = ConfigurationManager.ConnectionStrings["db"].ConnectionString;
CandidateDataSource datasource = new CandidateDataSource(db);
FunctionGroupDataSet functionset = datasource.GetFunctionGroup();
datasource.Dispose();

LoadSubjectGrid(functionset);
}

protected void LoadSubjectGrid(FunctionGroupDataSet functionset)
{
DataRow[] results;

var view = area_tree_view;
RadTreeNode groupNode, functionNode;

foreach (var grouprow in functionset.FunctionGroup) // the parent node
{
results = functionset.Function.Select("parentNodeId = " + grouprow.function_group_id);

groupNode = new RadTreeNode(grouprow.function_group_name, grouprow.function_group_id.ToString())
{
Expanded = false,
Checkable = true
};

view.Nodes.Add(groupNode);

foreach (DataRow functionRow in results) //the chile nodes
{
functionNode = new RadTreeNode((string)functionRow["childNodeName"], Convert.ToString(functionRow["childNodeId"]));
groupNode.Nodes.Add(functionNode);
}
}
}
}
}

Obviously you can't run it because it requires db connection but you get the idea.

TreeView

answered on 05 Oct 2015

8 answers

305 views

GridDataItem Loses Reference to Cell Bound to Column

I have a hierarchy grid with a GridClientSelectColumn in the child grid & I'm trying to select the boxes that meet user selected criteria on the page. I am able search through the children of the first parent row & select the matching record(s), but after finding the match it loses reference to the parent row & gives me an error stating it "Cannot find a cell bound to column name 'ProjectID'". When I step through the code, I see that the key value of my GridDataItem is no longer pointing to the ID of the parent (ProjectID), but to the child (DataElementID)! While stepping through the code, if I allow things to bypass the error & iterate through a few times, it will eventually return to the key value to the parent & then find the next match. ???

Can someone please explain to me why this is happening?

Here is a snippet of my code...

<telerik:RadGrid ID="RadGrid1" runat="server" ShowStatusBar="false" AutoGenerateColumns="False" PageSize="50" AllowSorting="True" AllowMultiRowSelection="true" AllowPaging="false" GridLines="none" OnDetailTableDataBind="RadGrid1_DetailTableDataBind" OnNeedDataSource="RadGrid1_NeedDataSource" Width="700px" ClientSettings-Scrolling-AllowScroll="true" OnPreRender="RadGrid1_PreRender" ClientSettings-Scrolling-UseStaticHeaders="true" OnItemDataBound="RadGrid1_ItemDataBound" >

<MasterTableView DataKeyNames="ProjectID" AllowMultiColumnSorting="false" HierarchyLoadMode="ServerBind" >

<DetailTables>

<telerik:GridTableView DataKeyNames="DataElementID" Name="DataElementID" Width="100%">

<%-- Child --%>

<HeaderStyle Font-Bold="true"/>

<Columns>

<telerik:GridClientSelectColumn UniqueName="deSelectColumn" HeaderStyle-Width="5%" ></telerik:GridClientSelectColumn>

<telerik:GridTemplateColumn UniqueName="first" HeaderText="1st" HeaderStyle-Width="5%">

<ItemTemplate>

<asp:CheckBox ID="CheckBox1" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="DataElementID" UniqueName="DataElementID" HeaderText="Data Element ID" DataType="System.Int16" HeaderStyle-Width="20%" Display="true" />

<telerik:GridBoundColumn DataField="ProjectAreaDescription" UniqueName="ProjectAreaDescription" HeaderText="Project Area Description" DataType="System.String" HeaderStyle-Width="40%" />

<telerik:GridBoundColumn DataField="ProjectDataType" UniqueName="ProjectDataType" HeaderText="Project Data Type" DataType="System.String" HeaderStyle-Width="30%" />

</Columns>

</telerik:GridTableView>

</DetailTables>

<%-- Parent --%>

<HeaderStyle Font-Bold="true"/>

<Columns>

<telerik:GridBoundColumn DataField="ProjectID" UniqueName="ProjectID" HeaderText="Project ID" DataType="System.Int16" Groupable="true" HeaderStyle-Width="20%" Display="true" />

<telerik:GridBoundColumn DataField="ProjectNumber" UniqueName="ProjectNumber" HeaderText="Project Number" SortExpression="ProjectNumber" DataType="System.String" HeaderStyle-Width="20%" />

<telerik:GridBoundColumn DataField="ContractNumber" UniqueName="ContractNumber" HeaderText="Contract Number" SortExpression="ContractNumber" DataType="System.String" HeaderStyle-Width="20%" />

<telerik:GridBoundColumn DataField="ProjectName" UniqueName="ProjectName" HeaderText="Project Name" SortExpression="ProjectNumber" DataType="System.String" HeaderStyle-Width="40%" />

</Columns>

</MasterTableView>

<ClientSettings>

<Scrolling AllowScroll="true" UseStaticHeaders="true" />

<Resizing AllowColumnResize="false" />

<Selecting AllowRowSelect="True" UseClientSelectColumnOnly="true" />

</ClientSettings>

</telerik:RadGrid>

The following code is part of a button click that performs other operations & then performs the selection of the child records that meet the criteria. At the time of selecting the records, I know the value of both the ProjectID (parent) & DataElementID (child). Either way, when I perform the selection I'm running into errors. By the way, currently there are about 700 child records rolled up into about 250 parents.

For Each radRow As GridDataItem In RadGrid1.Items

Dim strID As String = Nothing

strID = radRow("ProjectID").Text

For i = 0 To arrProjectID.Count - 1

If strID = arrProjectID(i).ToString Then

radRow.Expanded = True

radRow.ChildItem.NestedTableViews(0).Items(0).Selected = True

Exit For

End If

Next

Thanks, in advance, for your assistance!

Tonya :)

Grid

answered on 03 Oct 2015

12 answers

99 views

EnableMultiSelect Bug?

I have EnableMultiSelect=False. I am showing multiple months in the view. On the other months you can select multiple dates. Why is that? How to I disable that too?

On September if I select a second date it automatically unselects the initial one. Why does it no do that for October?

Calendar

answered on 02 Oct 2015

Top users last month