Questions on UI for ASP.NET AJAX Forum

3 answers

170 views

With respect to the attached image, I would like to adjust toolbar button formatting to match the panel bar.

For each I have applied CSS to adjust the default Metro Touch background colors. The toolbar includes additional borders or effects that I would like to go away, or at least be the same color as the background. Border color is obviously not the correct answer.

.rpExpanded {

background-color:#3586CE !important;

}

.rpSelected {

background-color:#3586CE !important;

}

.wwgToolbar {

background-color:#3586CE !important;

border-color:#3586CE !important;

}

ToolBar

answered on 22 Sep 2014

3 answers

174 views

RadGrid Export Excel "HeaderText" field as Column Name

Hi All,

I have radgrid. I have some columns which have HeaderText is different from that of DataFeild column. When i do ExporttoExcel i need to export the HeaderText Column name as First row in the column.

<telerik:GridTemplateColumn DataField="ErrorText" HeaderButtonType="TextButton" HeaderText="Poster Response"

UniqueName="ErrorText" Visible="true" SortExpression="ErrorText">

<HeaderStyle HorizontalAlign="left" Width="135px" />

<ItemStyle HorizontalAlign="left" />

<ItemTemplate>

<asp:Label ID="lblErrorText" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "ErrorText")%>'>

</asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

Even i want to export only Visible Columns. For Example in this column i have ErrorText as DataField , Poster Response as HeaderText when i export to excel i want the Poster Response as Column name in Excel instead of ErrorText. Please let me know the solution.

Grid

answered on 22 Sep 2014

1 answer

108 views

Scrolling problem with RadButtons within repeater in IE 10

I have what I thought was a relatively simple screen layout. I have a set of RadButtons within a repeater acting as check boxes. The list is rather long so I've put the repeater inside an ASP:Panel with a vertical scroll bar. This works perfectly in Chrome and FireFox. Unfortunately the display is distorted in Internet Explorer 10. The display of RadButtons extends far beyond the bounds of the panel. Actually it looks like the labels are scrolling but not the buttons.

(I see this was a problem back in IE6 & 7??? Tried variations on solutions mentioned back then but no luck so far.)

Image attached.

<asp:Panel runat="server" ScrollBars="Vertical" Height="425px">
<asp:Repeater runat="server" ID="rpApps" >
<HeaderTemplate>
<table style="margin-left: auto; margin-right: auto; width: 80%">
<tr>
<td style="width: 50%; text-align: center">
<asp:Label Width="225px" ID="label1" runat="server" Font-Bold="true" Text='Application' Font-Names="Arial" Font-Size="Medium"></asp:Label>
</td>
<td style="width: 50%; text-align: center">
<asp:Label Width="75px" ID="label2" runat="server" Font-Bold="true" Text="Select" Font-Names="Arial" Font-Size="Medium"></asp:Label>
</td>
</tr>
</table>
</HeaderTemplate>

<ItemTemplate>
<table style="margin-left: auto; margin-right: auto; width: 80%">
<tr>
<td style="width: 50%; text-align: left">
<asp:Label Width="225px" ID="lblAppDesc" runat="server" Text='<%# Bind("DetDesc") %>' Font-Names="Arial" Font-Size="Small"></asp:Label>
</td>
<td style="width: 50%; text-align: center">
<telerik:RadButton ID="chkSelectApp" runat="server" ButtonType="ToggleButton" Checked='<%# Bind("IsNew") %>' Text="" ToggleType="CheckBox" Font-Names="Arial" Font-Size="Small" AutoPostBack="false" CausesValidation="false" EnableViewState="true">
</telerik:RadButton>
</td>
</tr>
</table>

</ItemTemplate>
</asp:Repeater>
</asp:Panel>

Button

answered on 22 Sep 2014

1 answer

215 views

DataKeyValues always null

Dear All Telerik Gurus. I have about 2 years experience of using the radgrid control usually without too much problem. Everytime I click a button to update the row the DataKeyValue is always null. I have either gone mad or I am making a school boy error here. Please see my font end code and serverside code. Any help would be appreciated.

<telerik:RadGrid ID="radIssues" runat="server" AllowFilteringByColumn="false" AllowSorting="True" nItemCommand="radIssues_ItemCommand" CellSpacing="0" CssClass="grid-float" DataSourceID="ldsIssueLog" ShowStatusBar="True" Skin="Sitefinity" Width="70%">

<MasterTableView AutoGenerateColumns="false" DataSourceID="ldsIssueLog" GroupLoadMode="Client" DataKeyNames="issueID" ClientDataKeyNames="issueID">

<Columns>

<telerik:GridBoundColumn DataField="issueID" HeaderText="" UniqueName="issueID" Visible="true"> </telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="issueTitle" HeaderText="Title" ReadOnly="True" SortExpression="issueTitle" UniqueName="issueTitle"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="issueText" HeaderText="Issue" ReadOnly="True" SortExpression="issueText" UniqueName="issueText"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="issueDateCreated" HeaderText="Created Date" ReadOnly="True" SortExpression="issueText" UniqueName="issueDateCreated"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="createdBy" HeaderText="Created By" ReadOnly="True" SortExpression="issueText" UniqueName="createdBy"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="issueDateAmended" HeaderText="Amended Date" ReadOnly="True" SortExpression="issueText" UniqueName="issueDateAmended"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="amendedBy" HeaderText="Amended By" ReadOnly="True" SortExpression="issueText" UniqueName="amendedBy"></telerik:GridBoundColumn>

<telerik:GridTemplateColumn AllowFiltering="false" HeaderText="Comment" UniqueName="issueComment">

<ItemTemplate>

<telerik:RadTextBox ID="txtNote" runat="server" InputType="Text" Rows="2" Text='<%# Eval("issueComment")%>' TextMode="MultiLine">

</telerik:RadTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Complete" ItemStyle-Width="100px" UniqueName="chkComplete">

<ItemTemplate>

<input type="checkbox" id="chkComplete" onclick="checkChangedEvent();" runat="server"

checked='<%# Eval("completed")%>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<ItemTemplate>

<a class="popup-link"

href='dlgAddNewIssue.aspx?issueID=<%# Eval("issueID")%>&instructionID=<%=Int32.Parse(Request.QueryString["instructionID"])%>&panelID=<%= Request.QueryString["panelID"]%>&sale=<%= Request.QueryString["sale"]%>' title="Edit Issue">[Edit] </

a>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<ItemTemplate>

<a class="popup-link"

href='dlgRemoveIssue.aspx?issueID=<%# Eval("issueID")%>&instructionID=<%=Int32.Parse(Request.QueryString["instructionID"])%>&panelID=<%= Request.QueryString["panelID"]%>&sale=<%= Request.QueryString["sale"]%>' title="Remove Issue">[Remove] </

a>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn ButtonType="PushButton" Text="Completion Note" CommandName="transfer">

</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

This is the grid above

01.if (e.Item.ItemType == GridItemType.AlternatingItem || e.Item.ItemType == GridItemType.Item)

02. {

03. GridDataItem item = e.Item as GridDataItem;

04. // using DataKey

05. string id = item.GetDataKeyValue("IssueID").ToString();

06.

07. //int issueID;

08.

09. //var issuesIdCheck = item.GetDataKeyValue("issueID").ToString();

10.

11. //if (int.TryParse(item["IssueID"].Text, out issueID))

12. //if (int.TryParse(id, out issueID))

13. //{

14. using (var db = new dataDataContext())

15. {

16. issue objIssue = db.issues.FirstOrDefault(f => f.issueID == int.Parse(id));

17. if (objIssue != null)

18. {

19. PostCompletionIssue objCompletionNote = new PostCompletionIssue()

20. {

21. FK_InstructionID = int.Parse(Request.QueryString["instructionID"]),

22. postCompletionIssueCreatedDate = DateTime.Now,

23. postCompletionText = objIssue.issueText,

24. postCompletionTitle = objIssue.issueTitle

25. };

26.

27. db.PostCompletionIssues.InsertOnSubmit(objCompletionNote);

28. db.SubmitChanges();

29.

30. RadAjaxPanel5.ResponseScripts.Add(String.Format("$find('{0}').ajaxRequest();",

31. RadAjaxPanel7.ClientID));

32. RadAjaxPanel5.Alert("Added to completion notes.");

33.

34. }

35. }

36. }

This is how I am referencing the datakeyvalue but keeps returning null.
Many thanks

Simon

Grid

answered on 22 Sep 2014

1 answer

115 views

RadEditor in FancyBox not working if debug="false"

I have a RadEditor control on a page that's working fine and another one in a FancyBox that pops up from that same page. The RadEditor in the FancyBox doesn't work and throws these errors in the console:
'RadEditorCommandList' is undefined
'Telerik' is undefined

This happens only if debug="false" but if debug="true" it works fine, from debugging this behavior I can see that it isn't getting one of the files it needs (ScriptResource.axd) in the first case.

Thanks!

Editor

answered on 22 Sep 2014

3 answers

83 views

RadCalendar alternate styles of .rcMain .rcRow a, .RadCalendar_Silk .rcMain .rcRow span

Hello, I have a problem that is as follows, I am using a calendar but I want it to appear in different configurations depending on an earlier choice. For example if the option is one I want to show the calendar with the days of the week black and weekends ash if the option is 2 I want the weekends are the black and the gray days of the week.

For the 1st option happens altered :

.RadCalendar_Silk .rcMain .rcWeekend a {
color:#C2BABA;
}

but then I can not change to black when the 2nd option is chosen.

Anyone have any idea how to do this?

Thanks You

Calendar

answered on 22 Sep 2014

1 answer

118 views

IE 8 problems

When visiting a "PageLayout control" enabled page with IE8, the control fails to function and displays all versions of each item. At first I thought it was just a problem with something I was doing, but then I realized I was able to reproduce this with "Responsive Web Design" demo web page.

PageLayout

answered on 22 Sep 2014

3 answers

90 views

Freeze ExpandColumn

Hello,

I am working on a project with a hierarchical RadGrid.
Is it possible to freeze the ExpandColumn?

Thanks,
Daniel.

Grid

answered on 22 Sep 2014

1 answer

98 views

Scrolling seems not working properly in IE 10.

Hi there,

I am using v. 2014.2.724.40 Trial. Scrolling seems working properly in Chrome but not in IE 10.

Columns header become frozen when try to scroll horizontal bar in IE 10.

I have the following code. I have also attached the screenshots from Chrome and IE 10.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<telerik:RadGrid ID="RadGridUserAuth" runat="server" DataSourceID="SqlDataSource1"

GridLines="None" AllowSorting="True" AllowPaging="True" Width="100%" Skin="MetroTouch">

<ClientSettings>

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

</ClientSettings>

<HeaderStyle Width="225px"></HeaderStyle>

<PagerStyle PageSizeControlType="RadDropDownList" Mode="NextPrevAndNumeric"></PagerStyle>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"

ProviderName="System.Data.SqlClient" SelectCommand="SELECT * FROM Customers" runat="server">

</asp:SqlDataSource>

</form>

</body>

</html>

<?xml version="1.0"?>

<configuration>

<appSettings>

<add key="Telerik.ScriptManager.TelerikCdn" value="Disabled"/>

<add key="Telerik.StyleSheetManager.TelerikCdn" value="Disabled"/>

</appSettings>

<system.web>

<compilation debug="true" targetFramework="4.0"/>

<pages>

<controls>

<add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI"/>

</controls>

</pages>

<httpHandlers>

<add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false"/>

<add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false"/>

<add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false"/>

<add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false"/>

<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false"/>

</httpHandlers>

<httpModules>

<add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule"/>

<add name="RadCompression" type="Telerik.Web.UI.RadCompression"/>

</httpModules>

</system.web>

<system.webServer>

<validation validateIntegratedModeConfiguration="false"/>

<modules runAllManagedModulesForAllRequests="true">

<remove name="RadUploadModule"/>

<add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule" preCondition="integratedMode"/>

<remove name="RadCompression"/>

<add name="RadCompression" type="Telerik.Web.UI.RadCompression" preCondition="integratedMode"/>

</modules>

<handlers>

<remove name="ChartImage_axd"/>

<add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" preCondition="integratedMode"/>

<remove name="Telerik_Web_UI_SpellCheckHandler_axd"/>

<add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" preCondition="integratedMode"/>

<remove name="Telerik_Web_UI_DialogHandler_aspx"/>

<add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" preCondition="integratedMode"/>

<remove name="Telerik_RadUploadProgressHandler_ashx"/>

<add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" preCondition="integratedMode"/>

<remove name="Telerik_Web_UI_WebResource_axd"/>

<add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode"/>

</handlers>

</system.webServer>

<connectionStrings>

<add name="NorthwindConnectionString" connectionString="Data Source=.\SQLEXPRESS;AttachDbFilename=|DataDirectory|Northwind.mdf;Integrated Security=True;User Instance=True" providerName="System.Data.SqlClient"/>

</connectionStrings>

</configuration>

Thank you in advance.

Regards,
Sakib

Grid

answered on 22 Sep 2014

1 answer

71 views

Declarative Relations incorrect resultset

I have a RadGrid with a DetailTables nested inside it.
My design is simple: The RadGrid displays the contents of a table. When a row is expanded, I want to display the audit trail for that record which is saved in another table.
The relationship is 1 Table_Item to many Table_Item_History records.

Here's my solution thus far:

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" PageSize="5" DataSourceID="SqlDataSource1" ShowStatusBar="true"

AutoGenerateColumns="false" AllowSorting="true" AllowMultiRowSelection="false" GridLines="None">

<MasterTableView DataKeyNames="Asset_Id" EnableHierarchyExpandAll="true" AllowMultiColumnSorting="true">

<DetailTables>

<telerik:GridTableView runat="server" DataSourceID="SqlDataSource2" EnableHierarchyExpandAll="true" Width="100%" DataKeyNames="Asset_Id">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="Asset_Id" MasterKeyField="Asset_Id" />

</ParentTableRelation>

<Columns>

</Columns>

</telerik:GridTableView>

</DetailTables>

And my DataSources:

<asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM [Asset]"

runat="server"></asp:SqlDataSource>

<asp:SqlDataSource ID="SqlDataSource2"

ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM [Asset_History] WHERE ([Asset_Id] = @Asset_Id)"

runat="server">

<SelectParameters>

<asp:ControlParameter ControlID="RadGrid1" Name="Asset_Id"

PropertyName="SelectedValue" Type="Object"></asp:ControlParameter>

</SelectParameters>

</asp:SqlDataSource>

The resulting behavior is whenever a row is expanded, the child elements are always 0. I've tested the same query in multiple ways in SQL Server and they're working fine. I've tried this with Session Parameters and the results are the same.
Any assistance is appreciated

Grid

answered on 22 Sep 2014