Questions on UI for ASP.NET AJAX Forum

4 answers

190 views

[Solved] 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

157 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

162 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

157 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

1 answer

280 views

Is it possible to get all Theme names from SkinManager?

Is there a way in code behind to pull all possible Theme names from the Skin Manager into a string array?
I was thinking it might be stored in RadSkinManager.Skins but I didnt find it there. If it is possible please
show code example.

Thanks,

SkinManager

answered on 05 Mar 2015

1 answer

91 views

Recurrence Rule / Occurrence Count IEnumerable Error

Hello,

I am having a problem referencing any of the iEnumerable properties on Occurrences collection for the RecurrenceRule class. It is working OK in one project (4.0 framework) but I am having compilation errors in the other project such as:

Error 179 'Count' is not a member of 'System.Collections.Generic.IEnumerable(Of Date)'.

The above error is happening with this code:

If parsedRule.Occurrences.Count > 0 Then

In my other project the above works OK. I've tried adding references to different framework system libraries but it doesn't seem to make any difference.

Any idea why the above would be happening? Am I missing a reference or do I need to change a reference? I am using the Q3 2014 UI AJAX ASP.NET controls.

Scheduler

answered on 05 Mar 2015

1 answer

165 views

LightBox cannot work

I follow the help article to learn lightbox，but the picture does not show after running

1、Create a new webpage in Visual Studio.
2、Add a RadLightBox from the Telerik UI toolbar.
3、Add an Image control（named Image1） to the web page.
4、Into the item collection of the RadLightBox add a new item（item 0） and set the TargetControlID（Image1） to the Image ID.
5、Set ImageURL（~/img/1.jpg） to point to the image, which will be displayed into the window.
6、Add a title and description of the item that will provide descriptive information about the image.
7、Press F5 to compile and run the application.

the aspx file
==================================================================================================
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="TelerikWebApp1.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>

</div>
<telerik:RadLightBox ID="RadLightBox1" runat="server" PreserveCurrentItemTemplates="False">
<Items>
<telerik:RadLightBoxItem ImageUrl="~/img/1.jpg" TargetControlID="Image1">
</telerik:RadLightBoxItem>
</Items>
</telerik:RadLightBox>
<asp:Image ID="Image1" runat="server" Height="49px" Width="107px" />
</form>
</body>
</html>

LightBox

answered on 05 Mar 2015

1 answer

78 views

Will there be a Google Material theme for ASP.Net AJAX?

I see the Material theme for Kendo, MVC and your other platforms, but how about us stuck with ASP.NET AJAX apps??

Thanks,
Sam

General Discussions

answered on 05 Mar 2015

10 answers

295 views

[Solved] Disable Document Manager

Hello Community,

I want to disable the Document Manager. Using the ToolsFile.xml allows do disable it in the Toolbar only. But I want no icon in the Hyperlink Manager, too. Is this possible?

Regards
Henrik

Editor

answered on 05 Mar 2015

3 answers

124 views

Paging lost while bind RadGrid clientside

Hello Team,

I have created a radgrid from Cs as per the wbelow code:

RadGrid radGridNew = new RadGrid();

radGridNew.ID = "rgAcc" + Guid.NewGuid().ToString().Replace("-", "");

radGridNew.ClientSettings.ClientEvents.OnGridCreated = "GridCreated";

radGridNew.ClientSettings.ClientEvents.OnCommand = "RadGrid1_Command";

radGridNew.AllowPaging = true;

radGridNew.PageSize = 10;

GridBoundColumn colLogDate = new GridBoundColumn();

colLogDate.DataField = "LogDate";

colLogDate.UniqueName = "LogDate";

colLogDate.DataType = typeof(DateTime);

colLogDate.HeaderText = "Log date";

GridBoundColumn colIPAddress = new GridBoundColumn();

colIPAddress.DataField = "IPAddress";

colIPAddress.UniqueName = "IPAddress";

colIPAddress.DataType = typeof(string);

colIPAddress.HeaderText = "IP Address ";

GridBoundColumn colResult = new GridBoundColumn();

colResult.DataField = "Result";

colResult.UniqueName = "Result";

colResult.DataType = typeof(string);

colResult.HeaderText = "Result";

radGridNew.Columns.Add(colLogDate);

radGridNew.Columns.Add(colIPAddress);

radGridNew.Columns.Add(colResult);

radGridNew.AllowSorting = true;

radGridNew.MasterTableView.AllowMultiColumnSorting = true;

radGridNew.ShowFooter = true;

radGridNew.AutoGenerateColumns = false;

radGridNew.MasterTableView.PagerStyle.AlwaysVisible = true;

radAcc.Controls.Add(radGridNew);

On Grid Created Event We have called a page that gives data in Json Object as below:

function GridCreated(sender, eventArgs) {

var Id = sender.ClientID;

$.ajax({

type: "GET",

url: "LoadWidgetsAsync.aspx",

contentType: "application/json; charset=utf-8",

data: { Wid: 1, widgetName: "AccountActivityWidget", ID: Id },

async: true,

success:

function (result) {

if (result.length > 0) {

var grid = $find(result[0]);

var tableView = grid.get_masterTableView();

tableView.set_dataSource(result[1]);

tableView.dataBind();

}

},

error: function () {

alert('Error on binding the data');

}

});

}

Once it bind the data to grid, It seems all data in one page rather then displaying only data of first page defined in page size.

Can anyone help me out with this?

Thanks and regards,
Ruchi Patel

Grid

answered on 05 Mar 2015