Questions on UI for ASP.NET AJAX Forum

5 answers

101 views

Hello there, I just started using this control, and love it. I just have a few questions that I haven't been able to find through the demos yet:

Is it possible to disable the timeline view all together, so that only day, week and monthly views are available ?
Is it possible to add line breaks to the appointment subject text ?, I tried adding \n and/or <br> to the subject string, but they are not rendered as line breaks.
In the monthly view, the appointment subject is trimmed because the appointment boxes are too small. I need the boxes to expand to accommodate large appointment subject strings, even if it means expanding the calendar row as well.
I am wondering if there is an easy way to programmatically detect appointment conflicts ?

Any help/pointers would be greatly appreciated, thank you very much !

Max

Scheduler

answered on 24 Feb 2011

7 answers

731 views

Disable postback

Hi,

I have a RadComboBox with AutoPostBack set to true, but when i change te selection with javascript, it makes a post to the server, I'm looking for a way to (temporary) disable this behaviour. Is this possible?

I'd rather not implement clientside combobox events, which would cancel the selectionchanged event.

Below a bit of code.

var field = $find(controlid);

if (field) {

field.disableEvents();

var comboItem = new Telerik.Web.UI.RadComboBoxItem();

comboItem.set_text("val");

comboItem.set_value("val");

field.set_enabled(true);

field.trackChanges();

field.get_items().clear();

field.get_items().add(comboItem);

comboItem.select();

field.disable();

field.commitChanges();

field.enableEvents()

}

ComboBox

answered on 24 Feb 2011

5 answers

100 views

Filtering Templates Columns

hi
According to your example in the grid filtering for country field which is a dropdown list. Is it possible to have a checkbox in the dropdownlist show that users can selectively check on those items for filtering. Is it possible? Thanks

<custom:MyCustomFilteringColumn DataField="Country" FilterControlWidth="180px" HeaderText="Custom TemplateColumn Country">

Grid

answered on 24 Feb 2011

5 answers

259 views

List item visibility after postback

Hi,

I have a RadListBox with a filter where I set the visibility of items based on the filter, however when I do a postback on SelectedIndexChanged on the RadListBox it loses the visibility set on the list items so that invisible items become visible again after the postback. It's in a user control so I don't have access to the body onload to filter the list again. I have tried onload on other controls but I get an error and I'm not sure why. Does anyone have a suggestion as to how I can keep these list items invisible after a postback?

Thanks.

ListBox

answered on 24 Feb 2011

3 answers

101 views

Transfer Templated Items

Hi,

Is it possible to transfer templated item between ListBoxes using the built in AllowTransfer feature..? I have tried using client side and also with AutoPostBackOnTransfer="true".

I am using version 2010.3.1109.40 of Telerik.Web.UI.dll

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

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

<div>

<telerik:RadScriptManager runat="server" />

<telerik:RadListBox ID="rlbSource" runat="server" AllowTransfer="true" AutoPostBackOnTransfer="true"

TransferToID="rlbDestination" Width="400" Height="200" OnTransferred="rlbSource_Transferred">

<ItemTemplate>

<table>

<tr>

<td><%# Eval("RoleName") %></td>

<td><%# Eval("UserName") %></td>

<td><%# Eval("FirstName") %></td>

<td><%# Eval("LastName") %></td>

</tr>

</table>

</ItemTemplate>

</telerik:RadListBox>

<telerik:RadListBox ID="rlbDestination" runat="server" Width="300" Height="200">

<ItemTemplate>

<table>

<tr>

<td><%# Eval("UserName") %></td>

<td><%# Eval("FirstName") %></td>

<td><%# Eval("LastName") %></td>

</tr>

</table>

</ItemTemplate>

</telerik:RadListBox>

</div>

</form>

</body>

</html>

using System;

using System.Collections.Generic;

using Telerik.Web.UI;

public partial class _Default : System.Web.UI.Page

{

public class Employee

{

public string RoleName { get; set; }

public string UserName { get; set; }

public string FirstName { get; set; }

public string LastName { get; set; }

}

protected void Page_Load(object sender, EventArgs e)

{

rlbSource.DataSource = new List<Employee>

{

new Employee { RoleName = "Administrator", UserName = "Jack", FirstName = "Jack", LastName = "Pick" },

new Employee { RoleName = "POS User", UserName = "Michael", FirstName = "Michael", LastName = "Black" },

new Employee { RoleName = "Store Manager", UserName = "David", FirstName = "David", LastName = "Frontier" }

};

rlbSource.DataBind();

}

protected void rlbSource_Transferred(object sender, RadListBoxTransferredEventArgs e)

{

foreach (RadListBoxItem item in e.Items)

{

item.DataBind();

}

If it's possible to do entirely client side (without postback) that would be best, however I really just need it to work, so if it has to be done server side then that is fine.

Kind regards,
Jack

ListBox

answered on 24 Feb 2011

1 answer

112 views

Rendering issue with TabStrip in NestedViewTemplate

I have a grid with a NestedViewTemplate, and in the template I am displaying a databound TabStrip. The DataSource for the tabStrip is part of the template. Generally the template works, however, I am getting a very strange rendering issue the first time I open a Nested view. The tab strip does not render correctly, I am getting some strange characters and the Label and image of the last tab rather than the TabStrip control.
After collapsing and re-opening the Nested View everything works correctly and all Nested views display correctly. Even after refreshing the grid, it will display correctly. After reloading the page, I am getting the same issue the first time the nested view is displayed. Any ideas?

Here is my Grid definition:

<telerik:RadGrid ID="grdPages" runat="server" AutoGenerateColumns="false" AllowPaging="true"

OnNeedDataSource="grdPages_NeedDataSource" Width="100%" Skin="Office2007"

OnDetailTableDataBind="grdPages_DetailTableDataBind">

<MasterTableView TableLayout="Fixed" Caption="Quick Data Entry Path Screens" CommandItemDisplay="Top" DataKeyNames="Pages_Id,QuickDataEntryPath_Id">

<PagerStyle AlwaysVisible="true" Position="Bottom" Mode="NumericPages" />

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton">

<HeaderStyle Width="30px" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="Order" HeaderText="Page Order">

<HeaderStyle Width="90px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Name" HeaderText="Page Title">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Description" HeaderText="Description">

</telerik:GridBoundColumn>

<telerik:GridCheckBoxColumn DataField="Repeate" HeaderText="Repeating Page">

<HeaderStyle Width="100px" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridCheckBoxColumn>

<telerik:GridClientDeleteColumn ButtonType="ImageButton">

<HeaderStyle Width="30px" />

<ItemStyle HorizontalAlign="Center" />

</telerik:GridClientDeleteColumn>

</Columns>

<CommandItemTemplate>

<table class="commandItems" width="100%">

<tr>

<td class="editControls">

<common:CommandItem ID="cmdAddScreen" runat="server" Text="Add Screen" ImageUrl="~/Images/add.png" />

</td>

<td align="right">

<common:GridCommonCommandItemCollection ID="cmdCommonControls" runat="server" Show_Export="false" Show_FilterToggle="false"

Show_PagingToggle="true" Show_Refresh="true" />

</td>

</tr>

</table>

</CommandItemTemplate>

<NestedViewTemplate>

<div style="border: 2px solid Blue;">

<asp:Panel ID="pnlNestedView" runat="server" CssClass="collapsible">

<asp:HiddenField ID="hdnWhereClause" runat="server" Value='<%# this.GetWhereClause(Eval("QuickDataEntryPath_Id"), Eval("Pages_Id")) %>' />

<asp:ObjectDataSource ID="ODSDataEntryForms" TypeName="Tempo.Utilities.PrototypeDataLoader" runat="server" SelectMethod="LoadData">

<SelectParameters>

<asp:Parameter Name="fileSource" Type="String" DefaultValue="QDEPMaintenance.xml" />

<asp:Parameter Name="tableName" Type="String" DefaultValue="DataEntryForms"/>

<asp:ControlParameter Name="whereClause" ControlID="hdnWhereClause" PropertyName="Value" Type="String" />

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

</SelectParameters>

</asp:ObjectDataSource>

<telerik:RadTabStrip ID="radTabStrip1" runat="server" Skin="Office2007"

DataTextField="TabLabel" DataValueField="TabOrder"

SelectedIndex="0" DataSourceID="ODSDataEntryForms" OnDataBound="radTabStrip1_DataBound" OnTabClick="radTabStrip1_TabClick">

</telerik:RadTabStrip>

<div style="border: 1px solid #9cf;">

<table width="100%" cellpadding="5" cellspacing="10" border="1">

<tr>

<td class="gradient" style="width: 100px; height: 80px;" align="center">

<asp:Image ID="imgTabType" runat="server" ImageUrl="~/Images/Form.png" Height="60px" />

</td>

<td>

<table style="padding-left: 10px;" width="100%">

<tr>

<td>

<asp:Label ID="lblTabOrder" runat="server" Text="Tab Order:"></asp:Label>

</td>

<td>

<telerik:RadNumericTextBox ID="txtTabOrder" runat="server" Width="40px" NumberFormat-DecimalDigits="0" MinValue="1" MaxValue="10"

ShowSpinButtons="true">

</telerik:RadNumericTextBox>

</td>

</tr>

<tr>

<td>

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

</td>

<td>

<telerik:RadTextBox ID="txtLabel" runat="server" Width="200px"></telerik:RadTextBox>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblFormType" runat="server" Text="Form Type:"></asp:Label>

</td>

<td>

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

<Items>

<telerik:RadComboBoxItem Text="" Value="" />

<telerik:RadComboBoxItem Text="System Form" Value="S" />

<telerik:RadComboBoxItem Text="Custom Form" Value="C" />

</Items>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblFormName" runat="server" Text="Form Control:"></asp:Label>

</td>

<td>

<telerik:RadComboBox ID="cboFormControl" runat="server" AllowCustomText="true"></telerik:RadComboBox>

</td>

</tr>

<tr>

<td colspan="2" align="right">

<telerik:RadButton ID="btnSaveTab" runat="server" Text="Save Tab">

<Icon PrimaryIconUrl="../Images/accept.png" />

</telerik:RadButton>

<telerik:RadButton ID="btnDeleteTab" runat="server" Text="Delete Tab">

<Icon PrimaryIconUrl="~/Images/delete.png" />

</telerik:RadButton>

</td>

</tr>

</table>

</td>

</tr>

</table>

</div>

</asp:Panel>

</div>

</NestedViewTemplate>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 24 Feb 2011

4 answers

188 views

Custom Slider - Right Side Handle Overlap

Hello,

I have implemented the RadSlider with a custom design.

The rad slider code is as follows:

<telerik:RadSlider ID="imageSlider" runat="server" Value="0" ItemType="None" EnableEmbeddedSkins="false" Skin="BVS"

Width="860" Height="25px" OnClientValueChanged="UpdateVisibleSlide" OnClientLoad="UpdateVisibleSlide" >

</telerik:RadSlider>

Now, I have the following CSS for this slider:

div.RadSlider_BVS .rslTrack

{

border: none;

}

div.RadSlider_BVS .rslHorizontal a.rslHandle

{

background-image: url(images/360Controls/Handles.png);

width: 29px;

height: 25px;

top:13px;

}

div.RadSlider_BVS div.rslHorizontal a.rslDraghandle

{

background-image: url(images/360Controls/DragHandle.png);

width: 42px;

height: 25px;

margin-top: -0px;

margin-left: 20px;

background-repeat: no-repeat;

}

div.RadSlider_BVS .rslHorizontal .rslTrack

{

background-image: url(images/360Controls/SliderSlideBackground.png);

background-repeat: repeat-x;

height: 25px;

margin-top: -9px;

left: 29px;

}

/* styles from the base stylesheet of RadSlider */

div.RadSlider_BVS .rslHorizontal a.rslHandle

{

margin-top: -14px;

height: 25px;

width: 29px;

line-height: 16px;

}

div.RadSlider_BVS .rslHorizontal .rslDecrease

{

background-position: 0 0;

}

div.RadSlider_BVS .rslHorizontal .rslDecrease:hover

{

background-position: 0 0;

}

div.RadSlider_BVS .rslHorizontal .rslIncrease

{

background-position: -29px 0;

}

div.RadSlider_BVS .rslHorizontal .rslIncrease:hover

{

background-position: -29px 0;

}

div.RadSlider_BVS .rslHorizontal a.rslDraghandle:hover

{

background-position: 0 0;

}

div.RadSlider_BVS .rslHorizontal a.rslDraghandle:focus,

div.RadSlider_BVS .rslHorizontal a.rslDraghandle:active

{

background-position: 0 0;

}

div.RadSlider_BVS .rslHorizontal .rslTrack,

div.RadSlider_BVS .rslHorizontal .rslSelectedregion

{

height: 25px;

line-height: 13px;

}

Now, the slider works perfect, other than when I slide the drag handle all the way to the right, the image overlaps the right arrow section. I would like it to stop just before the right arrow section with the right side of the image.

You can see a video of this issue here:

Video of Issue

I have also added copies of the images to the same folder where the video is located if it will help.

Any help will be greatly appreciated.

Slider

answered on 24 Feb 2011

3 answers

112 views

Navigation Image

How do I turn off the images in the calendar and display just the text as links to navigate by month? I tried setting the image to "" and null and neither of those worked.

Don

Calendar

answered on 24 Feb 2011

1 answer

55 views

RadAjaxManager adds unwanted line break on post back

Hi,

I have a RadGrid on a form which updates a RadAjaxLoadingPanel using a RadAjaxManager.
However, where ever i place the code for the RadAjaxManager, it will add an unwanted line break when i select an event in the RadGrid (i.e. when AJAX is triggered to update asynchronously). When the form originally loads, it is fine but an additional line break appears when i do anything (i.e. go to next record, click edit, go to last record, etc) in the RadGrid control. Here is the code for my RadAjaxManager:

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1" >

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

I've used the same code & same controls in previous projects and they work absolutely fine - no line breaks appear after an update or post back. The only difference i can spot is that my current project has a master page, which has the script Manager listed there rather than each individual page.

Can you please help me figure this one out?

regards,

Shuja

Ajax

answered on 24 Feb 2011

1 answer

136 views

How to implement javascript confirmation on a context menu of a grid control

Hi,

I have a context menu of 2 actions, create success message and create faliled message. I want to add javascript confirmation to ask the user "are you sure you want to create success message for this Item <item name>?". If the user answers Yes, the request will be posted back to the server, if the user answers No, I want to cancel the postback. Can you provide code snippet how to do this?

If I implement this code, will it be an issue in the future if your product is upgraded? meaning that this is too much a custom code that depends on specific version?

Thanks.

Grid

answered on 24 Feb 2011