Questions on UI for ASP.NET AJAX Forum

1 answer

72 views

Hi ,

I am getting the following error when i am trying to export Telerik grid to PDF

"Invalid XHTML. RadGrid has to render correct XHTML in order to export to PDF.
Parse error:
An error occurred while parsing EntityName "

any suggestions on this?

Thanks
Sreeni Pavalla

Grid

answered on 24 Feb 2011

6 answers

1.1K+ views

RadTextBox: Width 100 percent does not work correctly

Hi,
We bought Telerik ASP.NET controls, and I'm now trying to use a RadTextBox in a stretchable layout. I set RadTextBox's Width to

    
            new Unit(100, UnitType.Percentage)

but in runtime I see that width is dynamically maintained by Telerik's scripts directly on <input> using "style" attribute and is always set to exact pixel value. And Telerik's scripts make the width visually correct (logically 100% in a layout) only on initial page load. If I resize browser window after page is loaded, width of RadTextBox is not updated and ruins layout.

From forum posts I see that Width handling is a known problem here. But since we are bound by contract terms to deliver application by a fixed deadline, I need at least know when the bug will be fixed by Telerik and released to customers.

Can you give us estimates on when the Width fix will be released?

Input

answered on 24 Feb 2011

3 answers

539 views

[Solved] Positioning RadButton?

Hello,

When I try to position the RadButton with to the right with:

.RadButton_Right,

.RadButton_Right .rbDecorated

{

position: absolute;

width: auto;

right: 0px;

}

it doesn't seems working, but it work fines with RadTextBox or other Asp Button, Asp TextBox, I wonder what's the proper way to do it?
Because I want to have few buttons on the left, and a another Button on the right...
Thanks

General Discussions

answered on 24 Feb 2011

5 answers

113 views

[Solved] Various simple questions

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

843 views

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

142 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

291 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

123 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

140 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

217 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