Questions on UI for ASP.NET AJAX Forum

2 answers

241 views

Demo Radgrid

Hi,

I need to create a grid which is very similar to the demo Grid in Hierarchy
http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/threelevel/defaultcs.aspx

Since this for a mock up demo, i don't have any database to point out.

I followed this example http://www.telerik.com/community/forums/aspnet-ajax/grid/show-columns-without-datasource.aspx to create a single level grid.

Could you please tel me , what is the best way to create a hierarchy grid datasource with out a database.

Need help ASAP.
Thanks.
Eva

Grid

answered on 31 Dec 2010

2 answers

49 views

RadTicker not working after update from Ajax

Hi There,

I have a issue where I have a RadAjaxPanel and on this panel I have a Literal that holds the html from a function that creates some tables and RadTickers.
The panel is updates every 10 sec. by a timer

The first time the page is loaded and the Literal is updated from the Page_Load event everythings works fine, but when the timer event runs after 10 sec. only tables are updated. if I look at the html that is generated it all looks fine, except the Radtikers don't start.

If I do a normal postback everything also works fine.

Do I need to update something in the ScriptManager from the Ajax event or does anyone have an idea on what could be wrong?

Thanks,

Hendrik

Rotator

answered on 31 Dec 2010

2 answers

57 views

Add record without closing the form

I want to insert a record without closing the add record form. I'm trying to use the e.Canceled = True statement but when I go to try to access the controls in the GridTemplateColumn of the RadGrid control I get errors like "Object reference not set to an instance of an object.". Below is the code I'm using. Any help you can provide would be appreciated.

protected void gvGrossPayroll_ItemCommand(object sender, GridCommandEventArgs e)

{

if (e.CommandName == RadGrid.PerformInsertCommandName || e.CommandName == RadGrid.CancelCommandName)

{

e.Canceled = true;

GridEditableItem editedItem = (sender as RadNumericTextBox).NamingContainer as GridEditableItem;

RadNumericTextBox txtTest1 = editedItem["txtPayrollAmount1a"].Controls[0] as RadNumericTextBox;

Debug.WriteLine("Test:" + Convert.ToString(txtTest1.Text));

}

Here is the RadGrid that I'm trying to access the controls of:

<telerik:RadGrid ID="gvGrossPayroll" runat="server"

AllowAutomaticDeletes="True" AllowAutomaticUpdates="True" AllowAutomaticInserts="False" OnInsertCommand="gvGrossPayroll_InsertCommand"

AutoGenerateColumns="False" DataSourceID="SDS_Payroll" GridLines="None" OnItemCommand="gvGrossPayroll_ItemCommand"

ShowFooter="True" Skin="Web20" Width="544px">

<MasterTableView AutoGenerateColumns="False" CommandItemDisplay="TopAndBottom"

DataKeyNames="ID" DataSourceID="SDS_Payroll">

<RowIndicatorColumn>

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<CommandItemSettings />

<Columns>

<telerik:GridBoundColumn DataField="id" ReadOnly="True" UniqueName="ID"

Visible="False">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn EditFormColumnIndex="0" HeaderText="Job Class Code" DataField="JobClass"

UniqueName="JobClass" Visible="true" ReadOnly="False" HeaderStyle-VerticalAlign="Bottom">

<ItemTemplate>

<asp:Label ID="JobClass" runat="server" Text='<%# Bind("JobClass") %>'></asp:Label>

</ItemTemplate>

<InsertItemTemplate>

<telerik:RadComboBox ID="ddlJobClassID" Runat="server" AllowCustomText="True"

DataSourceID="SqlDataSourceDDL" DataTextField="JobClass"

DataValueField="JobClassID" EmptyMessage="Please enter a job class code"

EnableViewState="False" AppendDataBoundItems="true"

ErrorMessage="You must enter a job class code to add a record"

MarkFirstMatch="True" ShowDropDownOnTextboxClick="False" Skin="Web20"

ToolTip="Enter a Job Class Code" Width="350px" SelectedValue='<%# Bind("JobClassID") %>'>

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"

ErrorMessage="Job Class Code is a required field" Font-Bold="True"

Font-Names="Arial Narrow" ForeColor="Red" ControlToValidate="ddlJobClassID"

ToolTip="Job Class Code is a required field">X

</asp:RequiredFieldValidator>

</InsertItemTemplate>

<EditItemTemplate>

<asp:Label ID="JobClass" runat="server" Text='<%# Bind("JobClassID") %>'></asp:Label>

</EditItemTemplate

<HeaderStyle VerticalAlign="Bottom" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn EditFormColumnIndex="0" HeaderText="Year1"

UniqueName="PayrollAmount1" Visible="true" Aggregate="Sum" DataField="PayrollAmount1"

FooterAggregateFormatString="{0:C}" HeaderStyle-Width="60px">

<ItemTemplate>

<asp:Label ID="PayrollAmount1" runat="server" Text='<%# Eval("PayrollAmount1", "{0:C}") %>'></asp:Label>

</ItemTemplate>

<InsertItemTemplate>

<telerik:RadNumericTextBox ID="txtPayrollAmount1a" Runat="server"

Culture="English (United States)" MinValue="0" NumberFormat-DecimalDigits="0"

Skin="Web20" TabIndex="2" ToolTip="Payroll Amount" Type="Currency"

Width="100px" Value="0" Text='<%# Bind("PayrollAmount1") %>' >

<EnabledStyle HorizontalAlign="Right" />

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

</InsertItemTemplate>

<EditItemTemplate>

<telerik:RadNumericTextBox ID="txtPayrollAmount1" Runat="server"

Culture="English (United States)" MinValue="0" NumberFormat-DecimalDigits="0"

Skin="Web20" TabIndex="2" ToolTip="Payroll Amount" Type="Currency"

Text='<%# Bind("PayrollAmount1") %>' Width="100px">

<EnabledStyle HorizontalAlign="Right" />

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

</EditItemTemplate>

<FooterStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"

Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Right"

Wrap="True" />

<HeaderStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"

Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center"

Wrap="True" />

<ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"

Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Right"

Wrap="True" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn EditFormColumnIndex="0" HeaderText="Year2"

UniqueName="PayrollAmount2" Visible="true" DataField="PayrollAmount2" Aggregate="Sum"

FooterAggregateFormatString="{0:C}" HeaderStyle-Width="60px" >

<ItemTemplate>

<asp:Label ID="PayrollAmount2" runat="server"

Text='<%# Eval("PayrollAmount2", "{0:C}") %>'></asp:Label>

</ItemTemplate>

<InsertItemTemplate>

<telerik:RadNumericTextBox ID="txtPayrollAmount2" Runat="server"

Culture="English (United States)" MinValue="0" NumberFormat-DecimalDigits="0"

Skin="Web20" TabIndex="2" ToolTip="Payroll Amount" Type="Currency" Value="0"

Width="100px" Text='<%# Bind("PayrollAmount2") %>'>

<EnabledStyle HorizontalAlign="Right" />

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

</InsertItemTemplate>

<EditItemTemplate>

<telerik:RadNumericTextBox ID="txtPayrollAmount2" Runat="server"

Culture="English (United States)" MinValue="0" NumberFormat-DecimalDigits="0"

Skin="Web20" TabIndex="2" ToolTip="Payroll Amount" Type="Currency"

Width="100px" Text='<%# Bind("PayrollAmount2") %>'>

<EnabledStyle HorizontalAlign="Right" />

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

</EditItemTemplate>

<FooterStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"

Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Right"

Wrap="True" />

<HeaderStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"

Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center"

Wrap="True" />

<ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"

Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Right"

Wrap="True" />

</telerik:GridTemplateColumn>

<telerik:GridEditCommandColumn>

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn CommandName="Delete"

ConfirmText="Delete this payroll record?" ImageUrl="/images/delete.gif"

Text="Delete" UniqueName="column3">

</telerik:GridButtonColumn>

<telerik:GridBoundColumn DataField="MemberID" DataType="System.Int16"

UniqueName="MemberID" ReadOnly="True" Visible="False">

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings CaptionDataField="MemberID"

CaptionFormatString="Edit Payroll Record" ColumnNumber="1"

InsertCaption="Add Payroll Record">

<FormTableItemStyle Wrap="False" />

<FormCaptionStyle CssClass="EditFormHeader" />

<FormMainTableStyle BackColor="White" CellPadding="3" CellSpacing="0"

GridLines="None" Width="100%" />

<FormTableStyle BackColor="White" CellPadding="2" CellSpacing="0"

Height="110px" />

<FormTableAlternatingItemStyle Wrap="False" />

<EditColumn ButtonType="ImageButton" CancelText="Cancel edit"

InsertText="Insert Record" UniqueName="EditCommandColumn1"

UpdateText="Update record">

</EditColumn>

<FormTableButtonRowStyle CssClass="EditFormButtonRow" HorizontalAlign="Right" />

</EditFormSettings>

</MasterTableView>

<ClientSettings AllowDragToGroup="True">

<Selecting AllowRowSelect="True" />

</ClientSettings>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Web20"

EnableImageSprites="True">

</HeaderContextMenu>

</telerik:RadGrid>

Grid

answered on 30 Dec 2010

4 answers

180 views

missing contextmenu icons

My contextmenu icons are missing or distorted somehow, I use the same icon set for my custom toolbar with out any problems. I believe the url to the icons to be correct since it works for the custom tool bar. See attached image for example of appearance, also embedded is c# to create and css "toolfile". I am using version 2010.3.1109.40 of Telerik.Web.UI. Thanks in advance for any thoughts on the issue.

Create instance in code behind;

...

/*

* Standard users have no need of context menus

*/

RadEditor1.ContextMenus.Clear();

/*

* Add the edit personal note

*/

EditorContextMenu ecm = new EditorContextMenu();

ecm.TagName = "IMG";

//add specific tools to the context menu

EditorTool et = new EditorTool("Edit_Personal_Note");

ecm.Tools.Add(et);

//add the newly created context menu to the context menu collection

RadEditor1.ContextMenus.Add(ecm);

/*

* Add the delete personal note

*/

et = new EditorTool("Delete_Personal_Note");

ecm.Tools.Add(et);

//add the newly created context menu to the context menu collection

RadEditor1.ContextMenus.Add(ecm);

...

/*

* Editor Tool Bar

*/

.reTool .Personal_Notes

{

background-image: url(../../images/PersonalNotes.gif);

background-position: center !important;

background-repeat: no-repeat !important;

}

.reTool .Edit_Personal_Note

{

background-image: url(../../images/Edit_Personal_Note.gif);

background-position: center !important;

background-repeat: no-repeat !important;

}

.reTool .Delete_Personal_Note

{

background-image: url(../../images/DeletePersonalNote.gif);

background-position: center !important;

background-repeat: no-repeat !important;

}

.reTool .Public_Notes

{

background-image: url(../../images/PublicNotes.gif);

background-position: center !important;

background-repeat: no-repeat !important;

}

/*

* Context Menu Tool bar (Note that path is same as for toolbar above and the toolbar works

*/

.Edit_Personal_Note

{

background-image: url(../../images/Edit_Personal_Note.gif);

background-position: center !important;

background-repeat: no-repeat !important;

}

.Delete_Personal_Note

{

background-image: url(../../images/DeletePersonalNote.gif);

background-position: center !important;

background-repeat: no-repeat !important;

}

Editor

answered on 30 Dec 2010

4 answers

141 views

Grid Export to PDF - Can't override Times New Roman Font

I have been unable to successfully override the Times New Roman font in my PDF.
A screen shot of the PDF is attached.

Here is my raw HTML showing the newly applied styles but the font family, arial, is not getting applied to the PDF!

<table cellspacing="0" border="0" id="RadGridSearchResults_ctl00" style="width:100%;table-layout:auto;empty-cells:show;">

<colgroup>

<col style="width:75px" />

<col style="width:150px" />

<col style="width:75px" />

<col style="width:100px" />

<col />

</colgroup>

<thead>

<tr style=

"background-color:WhiteSmoke;border-bottom-style:solid;border-bottom-width:1.5px;border-bottom-color:LightGrey;height:50px;"

>

<th scope="col" style="font-weight:bold;font-family:arial;">Title Nbr</th><th scope="col" style="font-weight:bold;font-family:arial;">Reg Date</th><th scope="col" style="font-weight:bold;font-family:arial;">Type</th><th scope="col" style="font-weight:bold;font-family:arial;">Linc Nbr</th><th scope="col" style="font-weight:bold;font-family:arial;">Short Legal</th><th scope="col" style="font-weight:bold;font-family:arial;">Owner</th>

</tr>

</thead><tbody>

<tr style="background-color:White;">

<td style="text-align:left;vertical-align:middle;font-size:8pt;font-family:arial;">001013760</td><td style="text-align:left;vertical-align:middle;font-size:8pt;font-family:arial;">

2000-01-14