Questions on UI for ASP.NET AJAX Forum

2 answers

203 views

Expand/Collapse button not show for Master Grid

Hi all,

I'm working with Telerik Web UI 2014.2.724.45
My Master Grid has some Sub Grids, but the Expand/Collapse button not show even though the Sub Grids have values

I used IE Developer Tool to view HTML source and found that the "<tr>" has inline style "display: none;" I remove this style then the Sub Grids appears.
Also, as I observed, the Sub Grids have Expand/Collapse button for their Sub Grids (level2). (see attachment)

---------------------------------------------------------------------
PrintableRadGrid inherits RadGrid

<trstk:PrintableRadGrid id="ListRadGrid" AutoGenerateHierarchy="false" AutoGenerateColumns = "false"
     AllowPaging="true" OnItemCreated="ListRadGrid_ItemCreated" OnNeedDataSource="ListRadGrid_NeedDataSource"
     OnDetailTableDataBind="ListRadGrid_DetailTableDataBind" runat="server" Visible="false">
     <MasterTableView NoDetailRecordsText="No records to Display" HierarchyLoadMode="Client"
      PageSize="10" AllowCustomPaging="true" AutoGenerateColumns="false" TableLayout="Auto">
     </MasterTableView>
     <PagerStyle AlwaysVisible="true" />
   </trstk:PrintableRadGrid>

Please help.

Grid

answered on 06 Mar 2015

3 answers

1.1K+ views

Get the Value from Telerik:GridCheckBoxColumn

HI ,
In my Radgrid i have a checkbox column , I binded it with the data

<telerik:GridCheckBoxColumn DataField="IsActive"

HeaderText="IsActive"

SortExpression="IsActive" UniqueName="chkIsActive">

</telerik:GridCheckBoxColumn>
In edit mode the check box is in edit mode , but getting the value from the particular checkboxcolumn is the problem.. Please help me to retreive the value from the checkbox on clicking update after editing. Thanks in advance..

I tried this but its not working
aspx.cs
----------

CheckBox

chkIsActive = (CheckBox)item.FindControl("chkIsActive");

if

(chkIsActive != null)

{

if (chkIsActive.Checked)

isActive =

"1";

else

isActive =

"0";

}
please help me with a code

Grid

answered on 05 Mar 2015

1 answer

73 views

RadInput getting client side changes on postback

Hi,
Is there any way to get the changes that were made to a RadInput control on the client side when the page posts back? For example, I know that a RadTextBox can be set_visible() or enable() on the client side. How can I detect whether the box was visible/hidden or enabled/disabled by the client after the page posts back?

General Discussions

answered on 05 Mar 2015

2 answers

114 views

RadChart

I have painted this graph.png (please, find attached) with RadChart component. My problem is that I need to paint Red, Blue, Yellow, Green and then White again or transparent, How can I do it? I only need four colours so I need to paint white solid in my last serie or something like that.
Thanks

Chart (HTML5)

answered on 05 Mar 2015

2 answers

117 views

Toolbar Buttons not working on subsequent editors within tabs

I have an interface with several tabs and a RadMultiPage where all content is loaded so that you don't have to do a postback as you switch tabs. I have a RadEditor on 3 of the tabs with a custom toolbar (via toolbar file). The toolbar buttons work on the first editor, but when I click on a button in the second or third, It scrolls me to the top of the page and adds a # to the end of the URL in the browser address bar.

I'm using IE 11.

Any thoughts would be appreciated.

Thank you.

Editor

answered on 05 Mar 2015

1 answer

84 views

Get Filtered Data from Grid via Entity Framework

Good afternoon - using the Entity Framework / an Entity Data Source, I need to get the data the user has filtered from the Grid. What's the easiest way?

It seems difficult to iterate through the entire paged data-set getting ID's and then re-fetching all the rows based on the Primary Key/ID.

I've found a "double rebind" hack works quite well - though not sure on performance yet - but I'd be interested to hear the best options:

        private bool StoreInLocalVariable;

        private Collection<CustomerData> CustomerData;



protected

void btnGetData_Click(object sender, EventArgs e)

{

// Rebind grid without paging to get full data-set

                StoreInLocalVariable = true;

rgCustomerBalance.AllowPaging = false;

rgCustomerBalance.Rebind();

var result = CustomerData;

// Restore grid back to normal (i.e. with paging)

StoreInLocalVariable = false;

rgCustomerBalance.AllowPaging = true;

rgCustomerBalance.Rebind();

// Do something with Result

}

// Entity Data Source Selected

protected void edsCustomerData_Selected(object sender, EntityDataSourceSelectedEventArgs e)

{

if (StoreInLocalVariable)

{

CustomerData = new Collection<CustomerData>(e.Results.Cast<CustomerData>().ToList());

}

Grid

answered on 05 Mar 2015

4 answers

160 views

Modal with ContentTemplate Causes Controls with popups to show in background

<telerik:RadWindowManager ID="rwmSalesCallList" runat="server" Style="z-index: 3">

<Windows>

<telerik:RadWindow ID="rwSalesCallList_PDFExport" runat="server"

OnClientClose="rwSalesCallList_PDFExport_OnClientClose"

Modal="true"

AutoSize="true"

Behaviors="Close"

ShowOnTopWhenMaximized="false">

<ContentTemplate>

<asp:Panel ID="pSalesCallList_PDFExport" runat="server">

<asp:ValidationSummary ID="vsReportSelection_Reporting" runat="server"

HeaderText="ERROR! The report cannot be generated due to the following reasons:

"

ValidationGroup="vgReportSelection" CssClass="LabelWarning"

ShowMessageBox="true" ShowSummary="false"

/>

<table border="0" cellpadding="5" cellspacing="0" class="ContentTableBordered TableCentered" style="border: solid 1px black" width="450">

<tr>

<td class="ContentTableCellTitleDark LabelBold LabelMedium " colspan="2" style=

"background-color: #808080;color: #FFFFFF;font-size: 10pt;font-weight: bold;border-left: #CCCCCC outset 1px;border-right: #CCCCCC outset 2px;border-top: #CCCCCC outset 1px;border-bottom: #CCCCCC outset 2px;vertical-align:top;"

>

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

Text="Select Filter Criteria Below"></asp:Label>

</td>

</tr>

<tr>

<td class="tableSectionLabelCell" nowrap style=

"background-color:#d3d3d3;border-left: #cccccc outset 2px;border-right: #cccccc outset 2px;border-top: #cccccc outset 2px;"

>

<asp:Label ID="lblReportSelection_StartDateLabel" runat="server" Text="Start Date:" ViewStateMode="Disabled" ></asp:Label>

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

ErrorMessage="Start Date is required."

ToolTip="Start Date is required."

Text="*"

ControlToValidate="rdpReportSelection_StartDatePicker"

InitialValue=""

ValidationGroup="vgReportSelection"></asp:RequiredFieldValidator>

<asp:comparevalidator id="cvReportSelection_StartDate" runat="server"

Operator="DataTypeCheck"

ControlToValidate="rdpReportSelection_StartDatePicker"

Type="Date"

ErrorMessage="The value for Start Date is invalid."

ToolTip="The value for Start Date is invalid."

Text="*"

EnableClientScript="true"

ValidationGroup="vgReportSelection"></asp:comparevalidator

</td>

<td class="tableSectionDataCell" style=

"background-color:#ffffff;border-left: #cccccc outset 2px;border-right: #cccccc outset 2px;border-top: #cccccc outset 2px;word-break :  break-all;"

>

<telerik:RadDatePicker ID="rdpReportSelection_StartDatePicker" runat="server" Style="z-index: 4">

<DateInput runat="server" DisplayDateFormat="MM/dd/yyyy" DateFormat="MM/dd/yyyy"></DateInput>

</telerik:RadDatePicker>

</td>

</tr>

<tr>

<td class="tableSectionLabelCell" nowrap style=

"background-color:#d3d3d3;border-left: #cccccc outset 2px;border-right: #cccccc outset 2px;border-top: #cccccc outset 2px;"

>

<asp:Label ID="lblReportSelection_EndDateLabel" runat="server" Text="End Date:" ViewStateMode="Disabled" ></asp:Label>

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

ErrorMessage="End Date is required."

ToolTip="End Date is required."

Text="*"

ControlToValidate="rdpReportSelection_EndDatePicker"

InitialValue=""

ValidationGroup="vgReportSelection"></asp:RequiredFieldValidator>

<asp:comparevalidator id="cvReportSelection_EndDate" runat="server"

Operator="DataTypeCheck"

ControlToValidate="rdpReportSelection_EndDatePicker"

Type="Date"

ErrorMessage="The value for End Date is invalid."

ToolTip="The value for End Date is invalid."

Text="*"

EnableClientScript="true"

ValidationGroup="vgReportSelection"></asp:comparevalidator>

<asp:comparevalidator id="cvReportSelection_EndDateGreater" runat="server"

Operator="GreaterThanEqual"

ControlToCompare="rdpReportSelection_StartDatePicker"

ControlToValidate="rdpReportSelection_EndDatePicker"

Type="Date"

ErrorMessage="The value for End Date must be equal or greater than the Start Date."

ToolTip="The value for End Date must be equal or greater than the Start Date."

Text="*"

EnableClientScript="true"

ValidationGroup="vgReportSelection"></asp:comparevalidator>

</td>

<td class="tableSectionDataCell" style=

"background-color:#ffffff;border-left: #cccccc outset 2px;border-right: #cccccc outset 2px;border-top: #cccccc outset 2px;word-break :  break-all;"

>

<telerik:RadDatePicker ID="rdpReportSelection_EndDatePicker" runat="server" Style="z-index: 4">

<DateInput runat="server" DisplayDateFormat="MM/dd/yyyy" DateFormat="MM/dd/yyyy"></DateInput>

</telerik:RadDatePicker>

</td>

</tr>

<tr>

<td class="tableSectionLabelCell" style=

"background-color:#d3d3d3;border-left: #cccccc outset 2px;border-right: #cccccc outset 2px;border-top: #cccccc outset 2px;"

>

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

Text="Sales District/Region:" ViewStateMode="Disabled" ></asp:Label>

</td>

<td class="tableSectionDataCell" style=

"background-color:#ffffff;border-left: #cccccc outset 2px;border-right: #cccccc outset 2px;border-top: #cccccc outset 2px;word-break :  break-all;"

>

<telerik:RadComboBox ID="rcbReportSelection_Region" runat="server"

DataValueField="Id"

DataTextField="Description"

AppendDataBoundItems="true"

MarkFirstMatch="True" Style="z-index: 5000">

<Items>

<telerik:RadComboBoxItem runat="server" Text="-- ALL --" Value="-1" />

</Items>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td class="tableSectionLabelCell" style=

"background-color:#d3d3d3;border-left: #cccccc outset 2px;border-right: #cccccc outset 2px;border-top: #cccccc outset 2px;"

>

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

Text="Individual:" ViewStateMode="Disabled" ></asp:Label>

</td>

<td class="tableSectionDataCell" style=

"background-color:#ffffff;border-left: #cccccc outset 2px;border-right: #cccccc outset 2px;border-top: #cccccc outset 2px;word-break :  break-all;"

>

<telerik:RadComboBox ID="rcbReportSelection_Individual" runat="server"

DataValueField="Id"

DataTextField="Description"

AppendDataBoundItems="true"

DropDownWidth="250px"

MarkFirstMatch="True" Style="z-index: 5000">

<Items>

<telerik:RadComboBoxItem runat="server" Text="-- ALL --" Value="-1" />

</Items>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td class="tableSectionLabelCell" style=

"background-color:#d3d3d3;border-left: #cccccc outset 2px;border-right: #cccccc outset 2px;border-top: #cccccc outset 2px;"

>

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

Text="Trading Partner:" ViewStateMode="Disabled" ></asp:Label>

</td>

<td class="tableSectionDataCell" style=

"background-color:#ffffff;border-left: #cccccc outset 2px;border-right: #cccccc outset 2px;border-top: #cccccc outset 2px;word-break :  break-all;"

>

<telerik:RadComboBox ID="rcbReportSelection_TradingPartner" runat="server"

DataValueField="TradingPartnerNo"

DataTextField="Name"

AppendDataBoundItems="true"

DropDownWidth="275px"

MarkFirstMatch="True" Style="z-index: 5000">

<Items>

<telerik:RadComboBoxItem runat="server" Text="-- ALL --" Value="" />

</Items>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td class="ContentTableCellFooterDark LabelBold LabelMedium TableCellMiddleCenter" colspan="2" style=

"background-color: #808080;color: #FFFFFF;font-size: 10pt;font-weight: bold;border-left: #CCCCCC outset 1px;border-right: #CCCCCC outset 2px;border-top: #CCCCCC outset 2px;border-bottom: #CCCCCC outset 1px;vertical-align:top;"

>

<telerik:RadButton ID="btnReportSelection_GeneratePDF" runat="server"

Text="Generate PDF" CssClass="Button"

OnClick="btnReportSelection_GeneratePDF_Click"

ValidationGroup="vgReportSelection"

OnClientClicking="SubmitAllPDFExport"

Icon-PrimaryIconUrl="~/images/icons/acrobat.gif"

Icon-PrimaryIconHeight="16px"

Icon-PrimaryIconWidth="16px" />

<telerik:RadButton ID="btnReportSelection_CancelPDF" runat="server"

Text="Cancel" CssClass="Button" OnClientClicking="rwSalesCallList_PDFExport_Close"

Icon-PrimaryIconCssClass="rbCancel"/>

</td>

</tr>

</table>

</asp:Panel>

<asp:Panel ID="pSalesCallList_PDFExportWait" runat="server" style="display:none;">

<br />

<center><asp:Image ID="imgSalesCallList_MainLoadingPanelDropDown" runat="server" ImageUrl="~/images/loading3.gif" ImageAlign="Bottom" /></center>

</asp:Panel>

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

I having a strange problem with using the window control with a content template in modal that controls such as comboboxes, calendars, etc. are appearing behind the window in the shaded modal part. I have tried adjusting the z-indexing of the controls to no avail. Here is the window code and a screen shot of the issue.

Window

answered on 05 Mar 2015

1 answer

132 views

RadGrid ImageFilter doesnt show images in header of filter

Hello all,

I am using a telerik ragdridview in my wpf view.In one of the column of telerik
radgridview i am usingGridViewImageColumn .once
the document in one grid column loads successfully the image column will show
success icon else failure icon.But the problem is after completing of this
process once i clik on filtering icon (top of rad grid) of the image
column text is showing as "System.Window.Control.Images" instead of
icon symbols.

I had overrideen the FilteringDisplayFunc of
GridViewImageColumn..My code is :

xaml:

<img:ImageFilterColumn DataMemberBinding="{BindingDocumentStatus}" Header="{BindingHeaderStatus}" ImageStretch="None" ShowFieldFilters="False" /><br>

code behind:

PublicClass ImageFilterColumn    Inherits GridViewImageColumn

<

br><br>e<br><br

>ProtectedOverridesReadOnlyProperty FilteringDisplayFunc() As Func(OfObject, Object)     

      GetReturnAddressOf ImageFilterColumn.ConvertUriStringToImage        

   EndGetEndProperty       

 PublicSharedFunction ConvertUriStringToImage(uriString AsObject) AsObject

Dim image As Image = New Image()           

image.Source = New BitmapImage(New Uri(uriString.ToString()))    

       Return image    

    EndFunction

EndClass<

br>

please
suggest what to do to get the icons in filtering also.

Grid

answered on 05 Mar 2015

3 answers

133 views

Possible to make telerik render html without any telerik css?

Hi,

I have an web app that is over 10 years old and has gone through many revisions and upgrades...we've been using telerik's ASP.Net controls for at least 8 years now.
We can't really rewrite the entire thing to MVC, but I need the web app to match our mobile app (based on Google Material) better.
I want to step away from the heavy CSS use of the built in telerik themes.

I've had some luck incorporating this CSS theme framework that is based on Google material:
http://materializecss.com/

But in many cases, the telerik CSS is overriding or conflicting with the Materialize framework.

It would be nice if either you guys provided a Material theme for ASP.NET AJAX, or if I could keep using the Materialize framework by getting my current app using ASP.NET AJAX to push out cleaner html.

Thanks,
Sam

General Discussions

answered on 05 Mar 2015

1 answer

100 views

Button server side focus method

Does anyone have a resolution for the RadButton not being focused on a Page_Load event?

ASP button you can set the .focus() in the page load event and it is truly focused when the page is displayed. RadButton doesn't work.

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="buttonnoworkie.aspx.vb" Inherits="buttonnoworkie" %>

<!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>

</head>

<body>

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

<telerik:RadScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="false">

</telerik:RadScriptManager>

<div>

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

</telerik:RadAjaxManager>

<div>

<telerik:RadButton ID="RadButton1" runat="server" Text="RadButton"

ResolvedRenderMode="Classic">

</telerik:RadButton>

</div>

</form>

</body>

</html>

Partial Class buttonnoworkie

Inherits System.Web.UI.Page

Protected Sub Page_Load(sender As Object, e As System.EventArgs) Handles Me.Load

RadButton1.Focus()

End Sub

End Class

Button

answered on 05 Mar 2015