Questions on UI for ASP.NET AJAX Forum

3 answers

213 views

[Solved] Simple: Trying to handle scroll DIV or Panel

Dear All,

I'm trying to limit the height of a CheckedListBox by using a scrollable ASP Panel and placing the CheckedListBox in it. Now, I'm on a content form and my master page has the actual AjaxManager. There is a Proxy on my content form but the end behavior is pretty weird. The CheckedListBox gets a vertical scroll bar as required. But the Page also get a vertical scroll bar and it's length is equal to that of a page where the CheckedListBox wouldn't have been inside a scroll panel. See attachment.

Markup:

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderMain" runat="server">

<telerik:RadScriptBlock ID="RadScriptBlockAssignmentManager" runat="server">

<script type="text/javascript">

</script>

</telerik:RadScriptBlock>

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxyAssignmentManager" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadComboBoxCoordinators">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="PanelAssignmentManager" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="ButtonUpdate">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="PanelAssignmentManager" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadFormDecorator ID="RadFormDecoratorAssignmentManager" runat="server" DecorationZoneID="divRoot"

DecoratedControls="All" />

<div id="divRoot" style="width: 890px;">

<asp:Panel runat="server" ID="PanelAssignmentManager" Width="890px">

<table id="tableRoot" width="400px" cellpadding="0" cellspacing="0">

<tr>

<td style="width: 400px; text-align: left;">

<fieldset id="fieldsetCoordinators" style="width: 378px">

<legend>Locum Coordinator:</legend>

<telerik:RadComboBox ID="RadComboBoxCoordinators" runat="server" SkinID="RadComboBoxWidthless" DataSourceID="LinqDataSourceLocumCoordinators"

DataTextField="FullName" DataValueField="OID" Skin="Office2007" Width="100%" AppendDataBoundItems="True"

AutoPostBack="True" OnDataBound="RadComboBoxCoordinators_DataBound" OnSelectedIndexChanged="RadComboBoxCoordinators_SelectedIndexChanged" />

</fieldset>

</td>

</tr>

<tr>

<td style="text-align: left; width: 400px;">

<fieldset id="fieldsetListCounties" style="width: 378px">

<legend>County List:</legend>

<asp:Panel ID="PanelScroll" runat="server" ScrollBars="Vertical" Height="300px">

<asp:CheckBoxList ID="CheckBoxListCounties" runat="server" DataSourceID="LinqDataSourceCounties" DataTextField="CName"

DataValueField="OID" Width="100%" />

</asp:Panel>

</fieldset>

</td>

</tr>

<tr>

<td style="text-align: center; width: 400px">

<br style="clear: both;" />

<asp:Button ID="ButtonUpdate" runat="server" Text="Update" OnClick="ButtonUpdate_Click" />

</td>

</tr>

</table>

<br style="clear: both;" />

<div id="divNotification" style="width: 800px; padding: 2px; text-align: left; vertical-align: middle;">

<asp:Label ID="LabelNotification" runat="server" />

</div>

<br style="clear: both;" />

</asp:Panel>

</div>

<asp:LinqDataSource ID="LinqDataSourceLocumCoordinators" runat="server" ContextTypeName="ExciteEngine2.DAL.LINQ.ExciteEngine2DataContextDataContext"

Select='new (OID, String.Concat(FirstName, " ", LastName) AS FullName)' TableName="Users" Where="UserTypeID == @UserTypeID && IsActive == @IsActive">

<WhereParameters>

<asp:Parameter DefaultValue="2" Name="UserTypeID" Type="Int32" />

<asp:Parameter DefaultValue="true" Name="IsActive" Type="Boolean" />

</WhereParameters>

</asp:LinqDataSource>

<asp:LinqDataSource ID="LinqDataSourceCounties" runat="server" ContextTypeName="ExciteEngine2.DAL.LINQ.ExciteEngine2DataContextDataContext"

OrderBy="Name" Select='new (OID, String.Concat(Name, " (", OID.ToString(), ")") As CName )' TableName="Counties" />

</asp:Content>

Kindly guide me through as I'm unable to get a viable solution otherwise and this small thing is keeping me from showing off to the client.

Ajax

answered on 25 Nov 2010

3 answers

108 views

Clientside filter with lots of Combo Items

Ok, not talking webservice binding, just the normal filter.

It seems to be searching through the entire list each time I press a new letter. So lets say I type ST, it filters the list down to the items containing ST. Then if I type an E (making it STE) it moves just as slow to filter again.

Should it not just filter on the existing 5-10 items that ST generated?

ComboBox

answered on 25 Nov 2010

9 answers

440 views

custom delete confirmation box

Hi,

Is it possible to customize the delete confirmation box just like the insert/edit form?

Thanks,
Bermo

Scheduler

answered on 25 Nov 2010

4 answers

132 views

[Solved] Ajaxify RadTabStrip and RadMultiPage

hi telerik community,

i have an telerik application with two main areas (RadPanes) divided by RadSpliterBar. within the left RadPane i have an RadPanelBar as a menu. in the right RadPane is a combination of RadTabStrip and RadMultiPage. the RadTabs and PageViews were added dynamically. within each RadPageView i have usercontrols. but there can be more than one tab-pageview combination from one specific type of tab-pageview. this means that I can have two tab-pageview combinations with two instances of the same usercontrol inside.

what is the best way to ajaxify this kind of application?

thank you for your help
bernhard

Ajax

answered on 25 Nov 2010

1 answer

179 views

RadGrid Validation

Hi

I have been trying to follow the example http://www.telerik.com/help/aspnet-ajax/grdvalidation.html to add a requiredfield validator to a GridTimeDateColumn by changing the GridTextBoxColumnEditor to a GridDateTimeColumnEditor but this does not seem to work.

When I try to insert a new record I get the error Object reference not set to an instance of an object.

Here is my markup

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

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<div>

<telerik:RadGrid ID="RadGrid1" runat="server" OnNeedDataSource="RiskGrid_NeedDataSource" OnItemCreated="RiskGrid_ItemCreated">

<MasterTableView commanditemdisplay="Bottom">

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">

<HeaderStyle Width="2%" />

<ItemStyle CssClass="MyImageButton" />

</telerik:GridEditCommandColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

</form>

And Code

protected void RiskGrid_ItemCreated(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

if (e.Item is GridEditableItem && e.Item.IsInEditMode)

{

GridEditableItem item = e.Item as GridEditableItem;

GridDateTimeColumnEditor editor = (GridDateTimeColumnEditor)item.EditManager.GetColumnEditor("DateReported");

TableCell cell = (TableCell)editor.PickerControl.Parent;

RequiredFieldValidator validator = new RequiredFieldValidator();

editor.PickerControl.ID = "rdpDateRecorded";

validator.ControlToValidate = editor.PickerControl.ID;

validator.ErrorMessage = "*";

cell.Controls.Add(validator);

}

Does anyone know what the problem could be.

Regards

Mike

Grid

answered on 25 Nov 2010

8 answers

218 views

asp.net RadComboBox not working when we copy past value in combobox

Hello,

I am using asp.net telerik(Telerik.Web.UI version 2008.1.619.35) radcombobox, when i copy paste any value in radcombobox
its not recognizing and server side event not firing, if I copy past once again(second time) its working fine.

Settings
Skin = "WebBlue";
            ShowMoreResultsBox = true;
            AllowCustomText = false;
            MarkFirstMatch = false;
            DataTextField = "Name";
            DataValueField = "Id";
            IsCaseSensitive = false;
            EnableLoadOnDemand = true;
            EmptyMessage = "-- Select One --";
            EnableItemCaching = true;

First time copy paste is not all working, please suggest me if any settings I am missing.

Thanks

ComboBox

answered on 25 Nov 2010

1 answer

107 views

SortingExpression is always ASC

Hi,

I have a grid that's bound to a webservice to provide its data. I have enabled sorting and

function onGridCommand(sender, args) {

var OldSortExpression = SortExpression;

var sortExpressions = sender.get_masterTableView().get_sortExpressions();

// SortExpression (global) is passed to webservice on rebind of grid.

SortExpression = sortExpressions.toString();

}

this works ok but the expression returned is always <columnname> ASC the icons change correctly on the grid column but it never changes to DESC when you click on the column again? I assume this is because I'm creating the grid dynamically at runtime and also changing the grid structure dynamically as in :

http://www.telerik.com/help/aspnet-ajax/grdprogrammaticcreation.html
http://www.telerik.com/help/aspnet-ajax/grdchanginggridstructuredynamically.html

Any ideas?

thanks
Toby

Grid

answered on 25 Nov 2010

1 answer

128 views

ToolBar render issue

Telerik,

I am having an issue with the RadToolBar control not rendering content, see details below.

So the scenario is this -

I have two RadXmlHttpPanels on the page, both have the same custom user control type inside which contain a radtoolbar.
So the issue is when the first time the user comes to the page and clicks a button in one of the toolbars I do a set_value on the panel
and everything works fine, except the other panels toolbars sometimes dont render the text properly. And this only happens in IE7.
Once the user hovers over the missing text on the toolbars it comes back and works fine until the page is reloaded.

I attached a small example of the scenario along with the screen shots(Note the text not rendering on the radtoolbars).

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

<asp:ScriptManager ID="masterScriptManager" runat="server" EnablePageMethods="true">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

<asp:ScriptReference Path="~/JScript.js" />

</Scripts>

</asp:ScriptManager>

<div>

<telerik:RadXmlHttpPanel ID="pnlMain1" runat="server" OnServiceRequest="OnServiceRequest"

EnableClientScriptEvaluation="true">

<table>

<tr>

<td>

<telerik:RadToolBar ID="widgetTools" runat="server" Width="100%" EnableShadows="true"

OnClientButtonClicked="widgetToolsButton_Clicked">

<Items>

<telerik:RadToolBarButton ImageUrl="report_16x16.png">

</telerik:RadToolBarButton>

<telerik:RadToolBarSplitButton CommandName="interval" ImageUrl="report_16x16.png"

EnableDefaultButton="false" Value="intervalSelector">

<Buttons>

<telerik:RadToolBarButton Text="One Week" Value="W" ImageUrl="report_16x16.png" />

<telerik:RadToolBarButton Text="Two Week" Value="B" ImageUrl="report_16x16.png" />

<telerik:RadToolBarButton Text="One Month" Value="M" ImageUrl="report_16x16.png" />

</Buttons>

</telerik:RadToolBarSplitButton>

</Items>

</telerik:RadToolBar>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblResponse" runat="server"></asp:Label>

</td>

</tr>

</table>

</telerik:RadXmlHttpPanel>

<telerik:RadXmlHttpPanel ID="pnlMain2" runat="server" OnServiceRequest="OnServiceRequest"

EnableClientScriptEvaluation="true">

<table>

<tr>

<td>

<telerik:RadToolBar ID="RadToolBar1" runat="server" Width="100%" EnableShadows="true"

OnClientButtonClicked="widgetToolsButton_Clicked">

<Items>

<telerik:RadToolBarButton ImageUrl="report_16x16.png" Text="Foobar">

</telerik:RadToolBarButton>

<telerik:RadToolBarSplitButton Text="Foobar" CommandName="interval" EnableDefaultButton="false"

ImageUrl="report_16x16.png" Value="intervalSelector">

<Buttons>

<telerik:RadToolBarButton Text="One Week" Value="W" ImageUrl="report_16x16.png" />

<telerik:RadToolBarButton Text="Two Week" Value="B" ImageUrl="report_16x16.png" />

<telerik:RadToolBarButton Text="One Month" Value="M" ImageUrl="report_16x16.png" />

</Buttons>

</telerik:RadToolBarSplitButton>

</Items>

</telerik:RadToolBar>

</td>

</tr>

<tr>

<td>

<asp:Label ID="Label1" runat="server"></asp:Label>

</td>

</tr>

</table>

</telerik:RadXmlHttpPanel>

</div>

</form>

ToolBar

answered on 25 Nov 2010

1 answer

129 views

How

Hi,

I need to retrive ComboBox id which was in RadGrid EditItemTemplate.

Here is my code:

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)

{

if (e.Item is GridEditFormItem && e.Item.IsInEditMode)// if EditMode is EditForm or PopUp

{

GridEditFormItem editItem = (GridEditFormItem)e.Item;

RadComboBox ddlCity = editItem.FindControl("gvddlPOWCity") as RadComboBox;

string city = ddlCity.SelectedValue;

. . . . . . . .

}

I am set the property in MasterTable view as below:

<MasterTableView DataKeyNames="POWId" EditMode="EditForms">

Eventhough I am getting e.Item.IsInEditMode is always false.

Is there any more modifications need to perform.Please tell me...

Thanks...

Grid

answered on 25 Nov 2010

2 answers

179 views

[Solved] No hover effect over Select button

Hello Telerik Team,

I want to know why hovering over select button isn't showed in the Q3 2010 ?

The issue is viewable here:
http://demos.telerik.com/aspnet-ajax/upload/examples/async/monitorprogress/defaultcs.aspx?product=asyncupload

The last version in which was hovering functional was 2010.2.803...

Best regards

Vasssek

AsyncUpload

answered on 25 Nov 2010