Questions on UI for ASP.NET AJAX Forum

3 answers

76 views

RadLoadingPanel causes user control(Datalist) to not display

I've implemented the RadAjaxPanel on my ascx page. using the method described here http://www.telerik.com/help/aspnet-ajax/ajax-loadingpanel-animation.html

Everything appears to be working within the ascx page except the datalist on the master page never displays. If I remove the RadAjaxLoadingPanel from the ascx page the datalist functions as expected.

Any ideas? Or places to start looking?

<script type="text/javascript">

function MyClientShowing(sender, args) {

document.title = "show " + new Date(); args.get_loadingElement().style.border = "2px solid red"; args.set_cancelNativeDisplay(true);

$telerik.$(args.get_loadingElement()).show("slow");

}

function MyClientHiding(sender, args) {

document.title = "hide " + new Date(); args.get_loadingElement().style.border = "2px solid blue"; args.set_cancelNativeDisplay(true);

$telerik.$(args.get_loadingElement()).hide("slow");

}

</script>

</telerik:RadCodeBlock>

<style type="text/css">

.hiddencol

{

display:none;

}

.viscol

{

display:block;

}

</style>

<asp:Panel ID="pnl_CartContent" runat="server" cssclass="collapsePanel" Height="100%">

<table width="264"> ... </table>

</asp:Panel>

<ACTK:AlwaysVisibleControlExtender ID="avce_Cart" runat="server" TargetControlID="pnl_CartContent" VerticalSide="Top" VerticalOffset="225" HorizontalSide="Left" HorizontalOffset="650" ScrollEffectDuration=".1" />

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" OnClientShowing="MyClientShowing" OnClientHiding="MyClientHiding" />

<telerik:RadAjaxManager ID="RadAjaxManager2" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btn_Search">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnl_SearchHeaderMain" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<asp:Panel id="pnl_SearchHeaderMain" runat="server">

<div>...</div>

</asp:Panel>

Ajax

answered on 25 May 2011

3 answers

272 views

Custom handling of Rad Grid Paging, Sorting and Filtering with an ObjectDatasource

Hello all,

I am running into a very interesting issue and I was hoping one of you coud help. It appears that paging with an object datasource works perfectly with sorting, but as soon as I try to implement custom filtering, paging appears to not take the "SelectCount" method on the object datasource using the number of records returned as to total number of records.

I cannot use the Enable Linq expressions as it does not meet my needs for the Entity Framework selects I am performing so I have created my on linq predicate parser based on the filter expressions provided by Telerik.

I have defined the following RadGrid:

<telerik:RadGrid ID="rgProjects" runat="server" CommandItemDisplay="Top"

GridLines="None" AllowCustomPaging="True" AllowPaging="true" PagerStyle-AlwaysVisible="true"

PageSize="10" CellSpacing="0" AllowFilteringByColumn="True" EnableLinqExpressions="false"

AllowSorting="True" AutoGenerateColumns="False" DataSourceID="dsProjects"

onitemcommand="rgProjects_ItemCommand" >

<MasterTableView EditMode="InPlace" CommandItemDisplay="None" OverrideDataSourceControlSorting="true" PagerStyle-AlwaysVisible="true">

<NoRecordsTemplate>

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

Text="There are currently no Project records in the system."></asp:Label>

</NoRecordsTemplate>

<Columns>

<telerik:GridHyperLinkColumn DataNavigateUrlFields="ProjectKey"

DataNavigateUrlFormatString="~/ProjectCreation/CreateProject.aspx?NK=3&P={0}"

DataTextFormatString="Project {0}" DataTextField="ProjectKey"

FilterControlAltText="Filter column column" HeaderText="Project"

UniqueName="ProjectKey" SortExpression="PROJECT_KEY">

</telerik:GridHyperLinkColumn>

<telerik:GridTemplateColumn FilterControlAltText="Filter PrimaryClientNumber column" HeaderText="Primary Client Number"

UniqueName="PrimaryClientNumber" SortExpression="PRIMARY_CLIENT.CLIENT_NUMBER">

<ItemTemplate>

<MlCts:SecuredLabel ID="lbPrimaryClientNumber" runat="server" BindingObjectTextPropertyName="ClientNumber" BindingPath=".PrimaryClient"></MlCts:SecuredLabel>

</ItemTemplate>

</telerik:GridTemplateColumn>

..removed for brevity

<telerik:GridTemplateColumn FilterControlAltText="Filter SecondaryMatterName column" HeaderText="Secondary Matter Name"

UniqueName="SecondaryMatterName" SortExpression="SECONDARY_MATTERMATTER_NAME">

<ItemTemplate>

<MlCts:SecuredLabel ID="lbSecondaryMatterName" runat="server" BindingObjectTextPropertyName="MatterDescription" BindingPath=".SecondaryMatter"></MlCts:SecuredLabel>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings EditColumn-ButtonType="ImageButton"

EditColumn-Display="false" EditColumn-Visible="true"

EditFormType="AutoGenerated">

<EditColumn ButtonType="ImageButton" Display="False">

</EditColumn>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

Using the the following data source:

<asp:ObjectDataSource ID="dsProjects" EnablePaging="true" MaximumRowsParameterName="PageSize"

SelectCountMethod="SelectCount" StartRowIndexParameterName="CurrentRowIndex"

TypeName="PTDSA.DataSources.ProjectDatasource" SortParameterName="SortParam"

runat="server" OldValuesParameterFormatString="original_{0}"

SelectMethod="Select" onselecting="dsProjects_Selecting">

<SelectParameters>

<asp:Parameter Name="FilterOperation" Type="String" />

<asp:Parameter Name="FilterValue" Type="Object" />

</SelectParameters>

</asp:ObjectDataSource>

I have defined the 2 events in the code behind as follows:

object _filtervalue = null;

string _filterpredicate = null;

string _operation = null;

protected void dsProjects_Selecting(object sender, ObjectDataSourceSelectingEventArgs e)

{

e.Arguments.MaximumRows = rgProjects.MasterTableView.PageSize;

if (_filtervalue != null)

{

if (_operation == "NoFilter")

{

_filtervalue = null;

_filterpredicate = null;

}

e.Arguments.StartRowIndex = 0;

e.InputParameters["FilterOperation"] = _filterpredicate;

e.InputParameters["FilterValue"] = _filtervalue;

}

protected void rgProjects_ItemCommand(object sender, GridCommandEventArgs e)

{

if (e.Item != null)

{

if (e.Item.ItemType == GridItemType.FilteringItem)

{

Pair filterPair = e.CommandArgument as Pair;

if (filterPair != null)

{

GridColumn currentCol = e.Item.OwnerTableView.GetColumn(filterPair.Second.ToString());

if (currentCol != null)

{

_filtervalue = Convert.ChangeType(currentCol.CurrentFilterValue, currentCol.DataType);

//This is my custom linq predicate creation

_filterpredicate = e.GetDynamicLinqFilter(currentCol.SortExpression, false);

_operation = filterPair.First.ToString();

}

The object data source DataObject is very simple:

[DataObject(true)]

public class ProjectDatasource

{

public Project[] Select(

string FilterOperation,

object FilterValue,

string SortParam,

int PageSize,

int CurrentRowIndex

)

{

using (...Custom Data Provider)

{

string sortBy = String.IsNullOrWhiteSpace(SortParam) ? "PROJECT_KEY" : SortParam;

sortBy = Utilities.getSortParamName(sortBy);

bool isAscending = Utilities.getIsAscending(sortBy);

Project[] returnItems = dataProvider.GetProjectsBySearchParams(PageSize,

CurrentRowIndex,

sortBy,

isAscending,

FilterOperation,

FilterValue

);

return returnItems;

}

public int SelectCount(

string FilterOperation,

object FilterValue)

{

using (..Custom Data Provder)

{

return dataProvider.GetProjectsBySearchParamsCount(

FilterOperation,

FilterValue

);

}

I am hoping you can help in this matter as it is quite a road block for several of the pages we would like to implement.

Thank you

Grid

answered on 25 May 2011

3 answers

141 views

Cannot make RadWindow work with Ajax panel.

Hello
I have custom control (ascx) for change password:

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" %>

<telerik:RadAjaxPanel ID="pnlChangePassword" runat="server" DefaultButton="btnChange" LoadingPanelID="ralMain">

<div class="box" style="width: 445px;">

<fieldset>

<asp:Label ID="lblOldPassword" AssociatedControlID="txbOldPassword" runat="server" Text="<%$ Resources: Common, OldPassword_label %>" />

<asp:TextBox ID="txbOldPassword" TextMode="Password" runat="server" MaxLength="100" />

</fieldset>

<fieldset>

<asp:Label ID="lblPassword" AssociatedControlID="txbPassword" runat="server" Text="<%$ Resources: Common, NewPassword_label %>" />

<asp:TextBox ID="txbPassword" TextMode="Password" runat="server" MaxLength="100" />

</fieldset>

<fieldset>

<asp:Label ID="lblConfirmPassword" AssociatedControlID="txbConfirmPassword" runat="server" Text="<%$ Resources: Common, NewPasswordConfirm_label %>" />

<asp:TextBox ID="txbConfirmPassword" TextMode="Password" runat="server" MaxLength="100" />

</fieldset>

</div>

<div>

<asp:Button ID="btnChange" runat="server" CssClass="button" Text="<%$ Resources: Common, ChangePassword_button %>" OnClick="HandlerButtonOnClick" />

</div>

</telerik:RadAjaxPanel>

Which is loaded on other custom control (ascx) with folowing code

<script type="text/javascript">

//<![CDATA[

function CloseWin() {

$find('<%= changePasswordWindow.ClientID %>').close();

}

function OpenWin() {

$find('<%= changePasswordWindow.ClientID %>').show();

}

//]]>

</script>

<telerik:RadWindow ID="changePasswordWindow"

Title="<%$ Resources: Common, ChangeYourPassword_title %>" runat="server" Modal="true" Behavior="Close" EnableShadow="true" Width="530px"

Height="300px" VisibleStatusbar="false">

<ContentTemplate>

<div style="margin: 10px;">

<ref:ChangePassword ID="changePassword" runat="server" />

</div>

<asp:LinkButton ID="btnBack" runat="server" Text="<%$ Resources: Common, Close_label %>" CausesValidation="false" OnClientClick="CloseWin();return false;" />

</ContentTemplate>

</telerik:RadWindow>

this windows is opened with button:

<asp:Button ID="btnChange" runat="server" CssClass="button"

Text="<%$ Resources: Common, ChangePassword_button %>" CausesValidation="false" OnClientClick="OpenWin();return false;" />

Now when I press change button on window, ajax panel is not showing. Wait cursor is not loading. How can I fix it.
Marcin

P.S.
If I put validators inside this change password control, they are fired also if window is not shown. And vice versa. If window is shown it firering also validators on parent control. Is it any way to prevent that?

Window

answered on 25 May 2011

1 answer

58 views

not creating control on desing mode

i have created a webpage using telerik control, now i am not able to open control on desing mode, so please help me...

Thanks
Mukesh Mishra

General Discussions

answered on 25 May 2011

4 answers

148 views

WCF Load OnDemand really slow

Hi,

I'm using a WCF web service to load nodes on demand.
The WCF web service method is called and complete in less thant 2 seconds, then it takes more thant 2 minutes for nodes (between 1 to 10 nodes) to be added to the treeview !!!

I'm using .Net 4 on Win7 x64 and IIS 7.5

Any ideas/suggestions ?

TreeView

answered on 25 May 2011

4 answers

126 views

Is it possible to have 3 or 4 column Time popdown

In the advancedForm, when we select the start date and Time, the Time slot menu (with 30 minute interval) has two columns of times. However Since I have a requirement to show time from 00:00 AM to 11:30PM, the popup goes beyond my webpage frame height. Is it possible to have 3 columns or 4 columns for the time so that the height can be reduced?

Thanks
Sanjeev

Scheduler

answered on 25 May 2011

4 answers

252 views

[Solved] not able to set the height of the textbox of the RadComboBox

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

<head runat="server">

<title></title>

<style type="text/css">

div.RadComboBox_Default table .rcbInputCell,

div.RadComboBox_Default table .rcbArrowCell

{

background-color: red;

height: 11px;

line-height: 10px;

padding: 0;

}

div.RadComboBox_Default table .rcbInputCell input

{

height: 11px;

line-height: 10px;

font:10px arial,verdana,sans-serif;

height: 11px;

padding: 0;

}

.rcbInput

{

height: 11px !important;

}

</style>

</head>

<body>

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

<div>

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

</telerik:RadScriptManager>

<telerik:RadComboBox ID="RadComboBox1" runat="server" >

<Items>

<telerik:RadComboBoxItem text="12345" />

</Items>

</telerik:RadComboBox>

<telerik:RadTextBox ID="RadTextBox1" runat="server" Height="11px"></telerik:RadTextBox>

<br/> <br/> <br/>

<telerik:RadComboBox ID="RadComboBox2" runat="server" EnableEmbeddedSkins="false" >

<Items>

<telerik:RadComboBoxItem text="12345" />

</Items>

</telerik:RadComboBox>

<telerik:RadTextBox ID="RadTextBox2" runat="server" Height="11px"></telerik:RadTextBox>

</div>

</form>

</body>

</html>

Hello SIr/Mam

I'm wanted to set the height of the textbox of the RadComboBox to 11 px.
I have read and tried the code posted on forum(http://www.telerik.com/community/forums/aspnet-ajax/combobox/how-to-set-the-height-of-the-textbox-of-the-radcombobox.aspx) But still i'm not able to set its height .
Please help me out from this problem, Any help will be greatly appreciated.

Regards
Sunil

ComboBox

answered on 25 May 2011

2 answers

143 views

Problem of using Font size and Real Font size at the same time

Version: 2010.2.826.35
Replicate steps,
1. Input some text in the editor
2. Select the text and choose a Font size, for example: 5 and then font size will be changed
3. Choose a real Font size, for example: 10px and then font size will be changed too
4. Problem is here: when you choose a Font size again, for example: 6, it doesn't work.

Could anyone help look into this?
Code is here,

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

</Telerik:RadScriptManager>

<Telerik:RadEditor ID="RadEditorProductDetails" runat="server" EditModes="Design, Html" Skin="Windows7">

<Tools>

<Telerik:EditorToolGroup>

<Telerik:EditorTool Name="FontName" />

<Telerik:EditorTool Name="FontSize" />

<Telerik:EditorTool Name="RealFontSize" />

</Telerik:EditorToolGroup>

</Tools>

<Content>

</Content>

</Telerik:RadEditor>

Thanks so much.

Editor

answered on 25 May 2011

2 answers

187 views

resource parse error

When I go to run my project that I mostly just copy/pasted from advanced form template thing I get this error.

Parser Error

Description: An error occurred during the parsing of a resource required to service this request. Please review the following specific parse error details and modify your source file appropriately.

Parser Error Message: The base class includes the field 'ResRoom', but its type (CareTracker.Web.UI.Pages.ResourceControl) is not compatible with the type of control (ASP.pages_resourcecontrol_ascx).

Source Error:


            Line 119:                     <li>
Line 120:                        <!-- Resource controls should follow the convention Res[Resource Name] for ID -->
Line 121:                        <scheduler:ResourceControl runat="server" ID="ResRoom" Type="ResRoom" Label="Room:" Skin='<%# Owner.Skin %>' />
Line 122:                     </li>
Line 123:                     <li>

can anyone help/

Scheduler

answered on 25 May 2011

6 answers

324 views

Displaying image inside of tooltip with scrollbars

I have a tooltip manager with declaration:

<telerik:RadToolTipManager ID="rttmFLC"

OffsetX="1"

Width="400"

Height="400"

HideEvent="LeaveToolTip"

runat="server"

OnAjaxUpdate="OnAjaxUpdate"

RelativeTo="Element"

Position="MiddleRight"

ContentScrolling="Auto"

>

</telerik:RadToolTipManager>

In code behind I load the tooltip content. The content is comprised of an image. I have found that, if the image is taller than the tootip height, a vertical scroll bar appears. However, if the image is wider than the tooltip width, a horizontal scroll bar does not appear. I have tried this by loading a simple html <img> tag in the tootip

ContentTemplateContainer.Controls collection, as well as adding a user control with an image in it. Both ways, no horizontal scrollbar. I have also tried to set the ToolTipManager ContentScrolling to "Both" instead of "Auto". Again no, horizontal scrollbar. For the time being, I can set the image width to 100%, so that the entire image width is seen in the tooltip. However, this will obviously make it so the image doesn't appear as it actually is, but rather as a "thumbnail" of sorts. Any idea why I can't get the horizontal scrollbar to show up?

ToolTip

answered on 25 May 2011