Questions on UI for ASP.NET AJAX Forum

1 answer

50 views

RadMenu not work when config RadCompression

Hi team,

The issue is when I config RadCompression with:

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

<add name="CompressionModule" type="CompressionModule"/>

The RadMenu in page not work (not recognize css and javascript)

Can you help me to fix it?

Menu

answered on 06 May 2011

1 answer

98 views

Navigation Events

I am using RadGrid1_ItemCommand() to capture the buttons in my RadGrid and use it to trigger some additional functions.

protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e)

{

if (e.CommandName == "Select")

{

btn1AuseLink_Command(e);

}

else if (e.CommandName == "Print")

{

btn1AusePrint_Command(e);

}

else if (e.CommandName == "Page")

{

if (e.CommandArgument == "Prev")

{

LoadFreeTextBox1A();

}

else if (e.CommandArgument == "Next")

{

LoadFreeTextBox1A();

}

else if (e.CommandArgument == "First")

{

LoadFreeTextBox1A();

}

else if (e.CommandArgument == "Last")

{

LoadFreeTextBox1A();

}

else if (e.CommandName == "ChangePageSize")

{

SpeechRecords.SessionHandler.DispRow = (((GridPageSizeChangedEventArgs)(e)).NewPageSize).ToString();

}

My problem is that the Functions are called before the Navigation buttons move the record. Is there a function I can use to trigger a function after the navigation buttons have moved to the new record?

Grid

answered on 06 May 2011

1 answer

65 views

change background of close icon in tooltip

Hello, I have a tooltip which will get embeded by mouse over event.

tooltip has a close icon. it displays white background to it. I wish to make it transparent. Changed css acordingly but not making any change out there.

tooltip code:

<telerik:RadToolTipManager ID="ttm_CSMD_Backlog_By_Status_FL" runat="server" EnableShadow="true"

Animation="Resize" Height="70" Width="75" OnAjaxUpdate="OnAjaxUpdate" HideEvent="ManualClose"

Position="BottomCenter" RelativeTo="Element" OffsetY="0" OnClientResponseEnd="OnClientResponseEnd">

</telerik:RadToolTipManager>

css

.rtCloseButton

{

margin-top: 12px!important;

background-color:transparent;

}

ToolTip

answered on 06 May 2011

1 answer

282 views

RadGrid Sort applies only to current page

I have a RadGrid that does sorting, but only for the current page. This particular grid has a year's worth of data divided into rows of 7 (52 pages * 7 = 365 days), but when I click on the first column (a date column named ReportDate) to sort the data, the sort is only applied against the current page's data! At first I thought maybe this was related to how date values are sometimes treated as strings, but that doesn't seem to be the case.

Here's a snippet of the grid's markup:

<telerik:RadGrid ID="RadGrid_StaffProductivitySummary" runat="server" AutoGenerateColumns="False"

PageSize="7" Width="1185px" Height="500px" GridLines="None"

VirtualItemCount="365" Skin="Windows7" HorizontalAlign="Center" enablerowhoverstyle="true">

<ItemStyle HorizontalAlign="Center" BorderWidth="0px"/>

<MasterTableView horizontalalign="Center" gridlines="None" AllowPaging="True" AllowCustomPaging="true" PageSize="7" AllowSorting="true"

commanditemdisplay="Top" >

<SortExpressions>

<telerik:GridSortExpression FieldName="ReportDateSort" SortOrder="Descending" />

</SortExpressions>

<CommandItemSettings ExportToPdfText="Export to Pdf"

ShowAddNewRecordButton="False"></CommandItemSettings>

<Columns>

<telerik:GridDateTimeColumn DataField="ReportDate" SortExpression="ReportDateSort"

UniqueName="ReportDate" HeaderText="" PickerType="None" DataFormatString="{0:dd-MMM-yyyy}"

HeaderStyle-Width="75px" HeaderStyle-Font-Bold="true">

</telerik:GridDateTimeColumn>

<telerik:GridTemplateColumn UniqueName="IncomingFaxesDaily" DataField="IncomingFaxesDaily"

InitializeTemplatesFirst="false">

<HeaderStyle Width="200px"/>

<HeaderTemplate>

<table id="faxHeaderTable" cellspacing="1" cellpadding="3">

<tr>

<td colspan="4" align="center" style="background-color: #D8E6F1;"><b>Daily Fax Summary</b>

</td>

</tr>

<tr>

<td style="width: 25%;"><b>Incoming</b></td>

<td style="width: 25%;"><b>Processed</b></td>

<td style="width: 25%;"><b>Not Processed</b></td>

<td style="width: 25%;"><b>Deleted</b></td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table id="faxItemTable" cellspacing="1" cellpadding="1" width="100%" style="text-align:center;" border="0">

<tr>

<td style="width: 25%;"><%# DataBinder.Eval(Container.DataItem, "IncomingFaxesDaily") %></td>

<td style="width: 25%;"><%# DataBinder.Eval(Container.DataItem, "FaxesProcessedDaily") %></td>

<td style="width: 25%;"><%# DataBinder.Eval(Container.DataItem, "FaxesNotProcessedDaily") %></td>

<td style="width: 25%;"><%# DataBinder.Eval(Container.DataItem, "FaxesDeletedDaily") %></td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings>

<EditColumn UniqueName="EditCommandColumn1">

</EditColumn>

</EditFormSettings>

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

Font-Underline="False" HorizontalAlign="Center" Wrap="True" VerticalAlign="Middle" />

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

Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center" Wrap="True" />

<EditItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"

Font-Underline="False" HorizontalAlign="Center" Wrap="True" />

<PagerStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"

Font-Underline="False" HorizontalAlign="Center" VerticalAlign="Middle" Wrap="True" />

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

Font-Underline="False" HorizontalAlign="Center" Wrap="True" VerticalAlign="Bottom" />

</MasterTableView>

<HeaderStyle BorderStyle="None" />

<EditItemStyle BackColor="#FFFF99" Font-Bold="False" Font-Italic="False"

Font-Overline="False" Font-Strikeout="False" Font-Underline="False"

Wrap="True" />

</telerik:RadGrid>

I'm currently using the standard sorting (no overriding of the default sorting behavior by capturing the SortCommand event), though I've tried it both ways. The data source is populated in the NeedDataSource event handler and this is working fine (I even tried re-applying the Sort Expression here, but to no avail). Currently, I have modified the data source resultset to return the same date in two columns, ReportDate and ReportDateSort. I originally just used ReportDate for both the DataField and SortExpression values, but then thought maybe I needed a separate sorting column in case the format of the data (perhaps as a string) was causing problems, so I added ReportDateSort fort his purpose.

None of these different options have worked thus far. No matter which page I'm on within the data source, the sort only applies to that page.

Any help appreciated!

Thanks,

Jon

Grid

answered on 06 May 2011

4 answers

86 views

Update single window using windowManager

Hi there,

In my application popups are dynamicly created and managed by a windowmanager. Currently my WindowManager is on a UpdatePanel which updates the whole manager when a Window is added.

How can I use the WindowManager and only update a single Window at the time it's added?

Window

answered on 06 May 2011

1 answer

61 views

Itemcommand not fireing pager first, previous, next and last buttons.

Hi,

I am using radgrid retrieving record from xml. i am using paging for this grid. when i clicking page numbers it is firing ItemCommand. but buttons are not firing in ItemCommand?

Please check the attached image.let me know how to resolve this issue.

Thanks,
Dhamu.

Grid

answered on 06 May 2011

3 answers

125 views

GridDateTimeColumn + filter

Hello,

is there anyway to have the "Contains" option in filter options for GridDateTimeColumn ?

Grid

answered on 06 May 2011

2 answers

163 views

fix radgrid column width is the tooltip

Hello,

I have a tooltip inwhich radgrid is embaded. I observed image column width is too big. though the column width is fixed to 2% its not reducing. Is there any other way to reduce the column width ?

<telerik:RadGrid ID="rg_tt_CSMD_Backlog_By_Status_FL" runat="server" AllowSorting="false"

GridLines="None" AllowPaging="true" BorderStyle="NotSet" Height="99.9%"

Width="99.9%" OnNeedDataSource="rg_tt_CSMD_Backlog_By_Status_FL_NeedDataSource"

OnItemDataBound ="rg_tt_CSMD_Backlog_By_Status_ItemDataBound" AutoGenerateColumns="false" HeaderStyle-Wrap="false">

<MasterTableView DataKeyNames="CASES" CommandItemDisplay="None" TableLayout="Auto"

HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="X-Small">

<Columns>

<telerik:GridTemplateColumn AllowFiltering="false" UniqueName="imageCol" HeaderStyle-Width="2%" >

<ItemTemplate>

<a href="../CustomerSupport/CaseViewer.aspx?ID=<%#Eval("CASES")%>">

<asp:Image ImageUrl="~/Images/case.png" ID="imgTest" runat="server" BorderWidth="0px" />

</a>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="CASES" HeaderText="CASE" DataFormatString="<nobr>{0}</nobr>" HeaderStyle-Width="10%"

HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="X-Small">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn AllowFiltering="false" UniqueName="imageappSerial" HeaderStyle-Width="2%">

<ItemTemplate>

<a href="../AccountManagement/ProductViewer.aspx?ID=<%#Eval("SERIAL")%>">

<asp:Image ImageUrl="~/Images/server_database.png" ID="imgTest" runat="server" BorderWidth="0px" />

</a>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="appSERIAL" HeaderText="SERIAL" DataFormatString="<nobr>{0}</nobr>" HeaderStyle-Width="10%"

HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="X-Small">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SITE" HeaderText="SITE" DataFormatString="<nobr>{0}</nobr>" HeaderStyle-Width="35%"

HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="X-Small">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SUMMARY" HeaderText="SUMMARY" DataFormatString="<nobr>{0}</nobr>" HeaderStyle-Width="48%"

HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="X-Small">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings>

</ClientSettings>

</telerik:RadGrid>

Tooltip code:

<telerik:RadToolTipManager ID="ttm_CSMD_Backlog_By_Status_FL" runat="server" EnableShadow="true"

Animation="Resize" HideEvent="ManualClose" Height="70" Width="75" OnAjaxUpdate="OnAjaxUpdate"

Position="BottomCenter" RelativeTo="Element" OffsetY="0" OnClientResponseEnd="OnClientResponseEnd">

</telerik:RadToolTipManager>

ToolTip

answered on 06 May 2011

1 answer

97 views

Clear in embedded stylesheet

The embedded Office2007 theme for the RadTabStrip (ASP.NET AJAX version) has an embedded clear that caused me a problem in a two column floated layout. Hopefully posting this might help others who have the same problem.

The problem style was as follows:

.RadTabStrip

.rtsLevel{
clear:both;
overflow: hidden;
position: relative;
width: 100%;
}

This was pushing the div the style is attached to and therfore my tabs down to the bottom of the page when it was viewed in any non IE browser.

I added the following more specific style to a stylesheet in my theme and the problem was solved.

div.RadTabStrip

.rtsLevel{
clear: none;
overflow: hidden;
position: relative;
width: 100%;
}

TabStrip

answered on 06 May 2011

1 answer

31 views

save group header state over postback event

Hello,

I want to maintain the gropheader state even though page has a postback event. I found link. Can you please provide it in VB since I am not able to hook up itemcommand event.

Dock

answered on 06 May 2011