Questions on UI for ASP.NET AJAX Forum

110,806 questions

1 answer

63 views

I am trying to see if there is a way to create a custom drag handle on the title bar. I am trying to to do this, because I have a textbox and a search button on the titlebar as shown and I don't want to put the dock in non-draggable mode to search type in the textbox and click the button. One way I accomplished this is by adding some javascript to disable the draggability when typing in the text box and hovering over the button. However, this is not foolproof. So, I am wondering if there is a better solution to this without having a button like you all do in your examples to put the dock in non-draggable mode. Also how do you actually center something in the titlebar, because when I added the custom template my title disappeared!

Dock

answered on 05 Nov 2010

3 answers

135 views

raddatetimepicker not working after upgrading to asp .net ajax

I am in the process of upgrading the radcontrols to asp .net ajax.
The raddatetimepicker is causing problems with this.
the error i get is
Value of '1/1/0001 12:00:00 AM' is not valid for 'SelectedDate'. 'SelectedDate' should be between 'MinDate' and 'MaxDate'.
Parameter name: SelectedDate

i have three options to show a document
1) show document
2) hide document
3) show for date range (this one take a show start and show end date)

for the first two options we are saving null in the database and when this value is returned it throws the error mentioned above. it works fine for the third option.

any ideas as to how to return a null value for a raddatetimepicker when the value in the database is null??

Thanks!

General Discussions

answered on 05 Nov 2010

1 answer

107 views

load

Hi
I am using load on demand through web service. Since i am doing some logic check in the web service, i need some parameters from the page, how can i do that? It seems like you can not pass any parameter except the builtin ItemIndex. Am i missing something? If not, what are workarounds? Thanks

-Samir

Rotator

answered on 05 Nov 2010

6 answers

131 views

Dynamic RadComboBox is not wokring in RadPanel

I have created RadComboBox dynamic in placeholder. that page having more then one RadComboBox. more over i have added RadPanel to avoid postback as each of the RadComboBox are firing seleceted index change event on which i have to start some processs.

The issue is, when selectedindex get fired get posted and rendered the page. after this I am not able to click on RadCombo anymore! Its not selecteing or fireing any event. the best part is it does not have any javascript error!

Anyone find this issue? any work around to this?

ComboBox

answered on 05 Nov 2010

3 answers

117 views

Combo in Grid(Master) not showing text on Detail grid Expanded

<telerik:RadGrid ID="radGridActivity" runat="server" OnNeedDataSource="radGridActivity_NeedDataSource"

OnDeleteCommand="radGridActivity_DeleteCommand" Skin="Windows7" GridLines="None"

ShowStatusBar="True" OnInsertCommand="radGridActivity_InsertCommand" OnUpdateCommand="radGridActivity_UpdateCommand"

AutoGenerateColumns="False" OnItemCreated="radGridActivity_ItemCreated" OnItemDataBound="radGridActivity_ItemDataBound"

Width="1550px" OnDetailTableDataBind="radGridActivity_DetailTableDataBind">

<MasterTableView DataKeyNames="autoId" CommandItemDisplay="None" EditMode="EditForms"

Name="ContractActivity" NoMasterRecordsText="Select Contract To View And Add Activity">

<DetailTables>

<telerik:GridTableView DataKeyNames="autoId_Items" Name="ContractActivityItems">

<Columns>

<telerik:GridBoundColumn DataField="cavtActivity" HeaderText="cavtActivity" UniqueName="cavtActivity">

<HeaderStyle HorizontalAlign="Center" Width="150px" />

<ItemStyle HorizontalAlign="Left" />

</telerik:GridBoundColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" HeaderButtonType="None" HeaderText="Edit">

<HeaderStyle HorizontalAlign="Center" Width="35px" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" ConfirmDialogType="RadWindow"

ConfirmText="Are You Sure To Delete ?" ConfirmTitle="Delete" HeaderButtonType="None"

HeaderText="Delete" Text="Delete" UniqueName="DeleteCommandColumn">

<HeaderStyle HorizontalAlign="Center" Width="50px" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridButtonColumn>

<telerik:GridDropDownColumn DataField="cavtActivityGroupID" HeaderText="Activity Group"

UniqueName="cavtActivityGroupID" DataSourceID="sqldcActivityGroup" ListTextField="agText"

ListValueField="agValue">

<HeaderStyle HorizontalAlign="Center" Width="150px" />

<ItemStyle HorizontalAlign="Left" />

</telerik:GridDropDownColumn>

<telerik:GridDropDownColumn DataField="cavtScheduleType" HeaderText="Schedule Type"

UniqueName="cavtScheduleType" ListTextField="stText" ListValueField="stValue">

<HeaderStyle HorizontalAlign="Center" Width="100px" />

<ItemStyle HorizontalAlign="Left" />

</telerik:GridDropDownColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<Scrolling UseStaticHeaders="True" />

</ClientSettings>

</telerik:RadGrid>

protected void radGridActivity_ItemDataBound(object sender, GridItemEventArgs e)

{

/*Main Grid 1st One - Begin*/

if ("ContractActivity".Equals(e.Item.OwnerTableView.Name))

{

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

{

/*Begin Populating Combo In Edit Mode*/

GridEditableItem edititemForCombo = (GridEditableItem)e.Item;

GridEditManager editMan = edititemForCombo.EditManager;

GridDropDownListColumnEditor editor = (GridDropDownListColumnEditor)(editMan.GetColumnEditor("cavtScheduleType"));

RadComboBox radComboScheduleType = editor.ComboBoxControl;

radComboScheduleType.DataSource = GetComboDataScheduleType();

radComboScheduleType.DataTextField = "stText";

radComboScheduleType.DataValueField = "stValue";

if (!e.Item.OwnerTableView.IsItemInserted)

{

DataRowView row = (DataRowView)e.Item.DataItem;

radComboScheduleType.SelectedValue = row["cavtScheduleType"].ToString();

}

radComboScheduleType.DataBind();

/*End Populating Combo In Edit Mode*/

}

if (e.Item is GridDataItem && e.Item.IsDataBound && !(e.Item.IsInEditMode))

{

GridDataItem item = (GridDataItem)e.Item;

DataRowView row = (DataRowView)e.Item.DataItem;

if (row["cavtScheduleType"].ToString() == String.Empty)

item["cavtScheduleType"].Text = "";

else

item["cavtScheduleType"].Text = row["cavtScheduleType"].ToString();

if (row["cavtActivityGroupID"].ToString() == "0")

item["cavtActivityGroupID"].Text = "";

}

/*Main Grid 1st One - End*/

}

Problem is that When i clicked to expand DetailTableView(ContractActivityItem) The Text Displayed under the column name Schedule Type(its a combo in edit mode) became empty (its datasource is dataTable) but the Text under the column Activity Group(its also a combo) display as it is(no problem)(its datasource is sqlDatasource). How can i display the text of combo binded from code behind when in grid inside grid senario

Grid

answered on 05 Nov 2010

1 answer

68 views

Can RadScheduer be used to select TimeSlots?

I am wanting to use the RadScheduler in "WeekView" or "DayView" mode to be able to select 1 or many TimeSlots to add to my custom collection; aka I want to be able to select multiple timeslots and be able to tell on Postback which timeslots in the scheduler are "selected".

I see that you can "select" multiple timeslots by control clicking on them which puts a visible indicator around each cell to make it appear that it is selected. (see my attached Image).

My problem is how do I tell if a timeslot has that "selected" indicator around it to be able to pull it from the RadScheduler to add it to my custom collection? I don't see any way to do that, and was hoping but not seeing that the the RadScheduler control had a collection of "selected" timeslots.

Can anyone point me in the right direction if what I am trying to do is possible/supported?

Scheduler

answered on 05 Nov 2010

3 answers

198 views

Radgrid with checkbox and textbox

I have a radgrid in which each row has a checkbox and a radnumerictextbox. At the bottom of the radnumerictextbox column is a footer that displays the sum of the textboxes. When a user unchecks a checkbox I want to reduce the sum in the footer by the amount in the numerictextbox of the same row as the checkbox. Does anyone know how I can reference the footer and textbox via client side script?

My grid code is as follows:

<telerik:RadGrid ID="gvAmount" runat="server" GridLines="Both" BorderStyle="None" ShowFooter="true"

ShowHeader="true" CellPadding="0" AutoGenerateColumns="false" CssClass="SearchGrid" AllowSorting="true" >

</RowIndicatorColumn>

</ExpandCollapseColumn>

<telerik:GridTemplateColumn UniqueName="Include" HeaderText="Include?" >

<asp:CheckBox ID="chkInclude" runat="server" Checked="true" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="ID" HeaderText="ID"

UniqueName="ID" EmptyDataText=" " ItemStyle-HorizontalAlign="Left" />

<telerik:GridBoundColumn DataField="Name" HeaderText="Name"

UniqueName="Name" EmptyDataText=" " ItemStyle-HorizontalAlign="Left" />

<telerik:GridTemplateColumn UniqueName="CurrAmt" HeaderText="Current Amount">

<telerik:RadNumericTextBox ID="txtCurrAmt" runat="server" Width="60px" Value="0" >

</telerik:RadNumericTextBox>

</ItemTemplate>

<telerik:RadNumericTextBox ID="txtCurrTotal" runat="server" Type="Currency" ReadOnly="true">

</telerik:RadNumericTextBox>

</FooterTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

/ClientSettings>

</FilterMenu>

</telerik:RadGrid>

Thanks in advance!
-Tracey

Grid

answered on 05 Nov 2010

1 answer

181 views

Horizontal Scrolling with Static Headers and show columns

Hi,
We have a RadGrid that has some columns hidden at startup. We have enabled "UseStaticHeaders", "EnableHeaderContextMenu" and "UseStaticHeaders". The issue is that when the client checks a previously hidden column, the headers don't line up or horizontally scroll with the columns below. I have found that this is true whether in view mode or edit mode and that switching modes(causing a postback) cleans up the behavior. In fact, if I add a column then go into edit mode and cancel edit mode, the page scrolls fine.

Thanks for your help,
Dan Norton

The RadGrid definition is attached.

<telerik:RadGrid ID="UserGrid" runat="server"

CssClass="RadGrid"

GridLines="None"

AllowPaging="true"

AllowSorting="true"

AutoGenerateColumns="False"

EnableHeaderContextMenu="true"

ShowStatusBar="true"

HorizontalAlign="NotSet"

AllowMultiRowEdit="False"

OnNeedDataSource="UserGrid_NeedDataSource"

OnItemDataBound="UserGrid_ItemDataBound"

Width="870"

>

<ClientSettings>

<Scrolling AllowScroll="True" SaveScrollPosition="True" UseStaticHeaders="true" />

</ClientSettings>

<ExportSettings HideStructureColumns="true"

OpenInNewWindow="true"

ExportOnlyData="true"

IgnorePaging="true"

FileName="Que_Centre_Users_Export" />

<MasterTableView CommandItemDisplay="TopAndBottom"

DataKeyNames="Id"

TableLayout="Fixed"

EditMode="EditForms"

InsertItemPageIndexAction="ShowItemOnCurrentPage"

PageSize="25"

>

<Columns>

<telerik:GridTemplateColumn HeaderText="First Name"

UniqueName="EditFirstName"

DataField="FirstName"

SortExpression="FirstName"

HeaderStyle-Width="100px"

ItemStyle-Width="100px">

<ItemTemplate>

<asp:LinkButton runat="server" Text="Edit" CommandName="EditUser" Id="lbFirstName" CausesValidation="false" />

<asp:Label runat="server" ID="lblFirstName" Text="" Visible="false" />

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox runat="server" ID="txtFirstName" Width="120" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Last Name"

UniqueName="EditLastName"

DataField="LastName"

SortExpression="LastName"

HeaderStyle-Width="100px"

ItemStyle-Width="100px">

<ItemTemplate >

<asp:LinkButton runat="server" Text="Edit" CommandName="EditUser" Id="lbLastName" CausesValidation="false" />

<asp:Label runat="server" ID="lblLastName" Text="" Visible="false" />

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox runat="server" ID="txtLastName" Width="100" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn

DataField="EmailAddress"

HeaderText="Email Address"

UniqueName="EmailAddress"

SortExpression="EmailAddress"

HeaderStyle-Width="150px"

ItemStyle-Width="150px">

<ItemTemplate >

<asp:Label runat="server" ID="lblEmailAddress" Text="" />

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox runat="server" ID="txtEmailAddress" Width="175" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn

DataField="PhoneNumber"

HeaderText="Phone Number"

UniqueName="PhoneNumber"

SortExpression="PhoneNumber"

HeaderStyle-Width="125px"

ItemStyle-Width="125px">

<ItemTemplate >

<asp:Label runat="server" ID="lblPhoneNumber" Text="" />

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox runat="server" ID="txtPhoneNumber" Width="100" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="User Group"

UniqueName="UserGroupName"

DataField="UserGroupName"

SortExpression="UserGroupName"

HeaderStyle-Width="150px"

ItemStyle-Width="150px">

<ItemTemplate>

<asp:Label runat="server" ID="lblUserGroupName" Text="" />

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox Runat="server" Id="radUserGroup"

EmptyMessage="Select User Group"

MarkFirstMatch="true"

Width="150px"

Height="150"

DropDownWidth="200"

EnableLoadOnDemand="false"

AllowCustomText="false"

AutoPostBack="false"

Filter="Contains"

/>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn

DataField="Username"

HeaderText="Username"

UniqueName="Username"

SortExpression="Username"

Display="false"

HeaderStyle-Width="100px"

ItemStyle-Width="100px">

<ItemTemplate >

<asp:Label runat="server" ID="lblUsername" Text="" />

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox runat="server" ID="txtUsername" Width="100" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn

DataField="HourlyRate"

HeaderText="Hourly Rate"

UniqueName="HourlyRate"

SortExpression="HourlyRate"

Display="false"

HeaderStyle-Width="75px"

ItemStyle-Width="75px">

<ItemTemplate >

<asp:Label runat="server" ID="lblHourlyRate" Text="" />

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox runat="server" ID="txtHourlyRate" Width="50" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn

DataField="HourlyOvertimeRate"

HeaderText="Hourly Overtime Rate"

UniqueName="HourlyOvertimeRate"

SortExpression="HourlyOvertimeRate"

Display="false"

HeaderStyle-Width="75px"

ItemStyle-Width="75px">

<ItemTemplate >

<asp:Label runat="server" ID="lblHourlyOvertimeRate" Text="" />

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox runat="server" ID="txtHourlyOvertimeRate" Width="50" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Delete"

UniqueName="DeleteUser"

DataField="Deleted"

Resizable="false"

HeaderStyle-Width="50px"

HeaderStyle-HorizontalAlign="Center"

ItemStyle-Width="50px"

ItemStyle-HorizontalAlign="Center">

<ItemTemplate >

<asp:ImageButton runat="server" CommandName="DeleteUser" Id="DeleteUserIcon" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Block"

UniqueName="BlockUser"

DataField="Blocked"

Resizable="false"

HeaderStyle-Width="50px"

HeaderStyle-HorizontalAlign="Center"

ItemStyle-Width="50px"

ItemStyle-HorizontalAlign="Center">

<ItemTemplate>

<asp:ImageButton runat="server" CommandName="BlockUser" Id="BlockUserIcon" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<NoRecordsTemplate>

<div style="padding: 5px;">No users exist.</div>

</NoRecordsTemplate>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<asp:Panel runat="server" ID="UserEditForm" />

</FormTemplate>

</EditFormSettings>

<CommandItemTemplate>

<telerik:RadToolBar ID="UserGrid_RadToolBar" runat="server"

AutoPostBack="true"

EnableRoundedCorners="true"

EnableShadows="true">

<Items>

<telerik:RadToolBarButton Text="Create New User" Value="CreateNewUser" CommandName="InitInsert" PostBack="true" />

<telerik:RadToolBarButton IsSeparator="true" Value="Separator1" />

<telerik:RadToolBarButton Value="FiltersGroup">

<ItemTemplate>

<div style="padding: 4px; min-height: 8px; vertical-align: middle;">

<asp:label runat="server" id="lblFiltersGroup"

Text="Filter List: " ForeColor="White"

Font-Bold="true" />

</div>

</ItemTemplate>

</telerik:RadToolBarButton>

<telerik:RadToolBarButton Value="FilterByUserGroup" Group="Filters">

<ItemTemplate>

<div style="margin-right: 5px; display: block; padding: 3px; min-height: 8px; vertical-align: middle;">

<asp:label runat="server" id="lblFilterByUserGroup"

AssociatedControlId="radFilterByUserGroup"

Text="User Group: "

ForeColor="White"

style="padding-right: 5px;" />

<telerik:RadComboBox Runat="server" Id="radFilterByUserGroup"

EmptyMessage="Select User Group"

MarkFirstMatch="true"

Width="175px"

Height="150"

DropDownWidth="200"

EnableLoadOnDemand="false"

AllowCustomText="false"

AutoPostBack="true"

Filter="Contains"

OnSelectedIndexChanged="radFilterByUserGroup_SelectedIndexChanged"

/>

</div>

</ItemTemplate>

</telerik:RadToolBarButton>

<telerik:RadToolBarButton IsSeparator="true" Value="Separator2" />

<telerik:RadToolBarButton Value="RecordsPerPage">

<ItemTemplate>

<div style="margin-right: 5px; display: block; padding: 3px; min-height: 8px; vertical-align: middle;">

<asp:label runat="server" id="lblRecordsPerPage"

AssociatedControlId="radRecordsPerPage"

Text="Page Size: "

ForeColor="White"

style="padding-right: 5px;" />

<telerik:RadComboBox Runat="server" Id="radRecordsPerPage"

EmptyMessage="Select Records per Page"

MarkFirstMatch="true"

Width="75px"

Height="100"

DropDownWidth="100"

EnableLoadOnDemand="false"

AllowCustomText="false"

AutoPostBack="true"

Filter="Contains"

OnSelectedIndexChanged="radRecordsPerPage_SelectedIndexChanged"

/>

</div>

</ItemTemplate>

</telerik:RadToolBarButton>

<telerik:RadToolBarButton IsSeparator="true" Value="Separator3" />

<telerik:RadToolBarButton Text="Bulk Update" Value="BulkUpdate" CommandName="BulkUpdate" PostBack="true" />

<telerik:RadToolBarButton IsSeparator="true" Value="Separator4" />

<telerik:RadToolBarDropDown Text="Export Users">

<Buttons>

<telerik:RadToolBarButton Text="Export To Excel"

PostBack="true"

CommandName="ExportToExcel" />

<telerik:RadToolBarButton Text="Export To Word"

PostBack="true"

CommandName="ExportToWord" />

<telerik:RadToolBarButton Text="Export To Pdf"

PostBack="true"

CommandName="ExportToPdf" />

</Buttons>

</telerik:RadToolBarDropDown>

<telerik:RadToolBarButton Text="Save Updates" Value="BulkUpdateSave" CommandName="BulkUpdateSave" PostBack="true" Visible="false" />

<telerik:RadToolBarButton IsSeparator="true" Value="Separator5" />

<telerik:RadToolBarButton Text="Cancel Updates" Value="BulkUpdateCancel" CommandName="BulkUpdateCancel" PostBack="true" Visible="false" />

</Items>

</telerik:RadToolBar>

</CommandItemTemplate>

</MasterTableView>

<ClientSettings AllowColumnsReorder="false">

<Resizing AllowRowResize="false" AllowColumnResize="true" EnableRealTimeResize="false" ResizeGridOnColumnResize="false" />

</ClientSettings>

<PagerStyle Mode="Slider" Position="TopAndBottom" />

</telerik:RadGrid>

Grid

answered on 05 Nov 2010

2 answers

161 views

[Solved] Hiding the textbox

Using the AsyncUpload control renders the input textbox largely irrelevant so I thought I'd have a go at hiding it.

Typically, I wasn't doing things in a straightforward page. I have a user control that contains a RadWindow which itself contains a <CententTemplate> element. The AsyncUpload control is in that.

I thought that I would be able to hide the control using the OnClientShow event of the RadWindow and so, I wrote this ...

function OnClientShow(sender, e) {

$telerik.$(".ruFakeInput").hide();

}

Imagine my surprise when it worked first time!

Then I actually used the upload control to, well, upload something. When the files had finished uploading the input came back.

The solution was to wire up the AsyncUpload's client event OnClientFileUploaded in which I execute the same line as in the OnClientShow event.

Job done.

Just thought I'd share.

--
Stuart

AsyncUpload

answered on 05 Nov 2010

2 answers

331 views

Pie Chart - set custom text in legend

Hi! I've created an aspx page which displays a pie chart. I would like to display text values of 'Recorded', 'In Process', and 'Not Started' in the legend. The chart is being populated in the code behind by an array which is built through stored procedures. The text I would like to display in the legend isn't stored in the database and I need a way to manually specify those values.

Could someone provide me a code example of how to do this please?
Thank you!!

Chart (Obsolete)

answered on 05 Nov 2010

Top users last month