Questions on UI for ASP.NET AJAX Forum

3 answers

79 views

Hi, I was wondering if there is anything I can do other than totally rewrite my web pages to be able to use the Telerik controls with Blackberry browsers? Unless everyone is living under a rock, the mobile space is becoming the new desktop. The Telerik controls work very nicely with the iPhone and iPad but have a very difficult time on the Blackberry.

I am not specifically requesting mobile controls, rather, the existing controls play nice with the Blackberry environment just as they do now with the iOS mobile devices.

TabStrip

answered on 08 Jun 2011

5 answers

248 views

Pie Chart item labels overlapping

I have a pie chart when rendered has overlapping item labels due to two of the pie 'slices' being less than 1% of the pie (see attached screenshot). I've searched through the forum for pie charts and have implemented the various suggestions but the labels still overlap. Could someone provide suggestions on how to get the labels to not overlap?

Here's what I have in the aspx page:

<telerik:RadChart ID="rcPrePackaged" runat="server" DefaultType="Pie" Width="710px" AutoTextWrap="true" OnItemDataBound="rcPrePackaged_ItemDataBound" Skin="LightGreen" OnBeforeLayout="rcPrePackaged_BeforeLayout">

<Appearance Dimensions-Width="600px">

</Appearance>

<Series>

<telerik:ChartSeries Name="Recording Status" Type="Pie" DataYColumn="iCount">

<Appearance LegendDisplayMode="ItemLabels" ShowLabelConnectors="true">

<LabelAppearance Distance="20" >

</LabelAppearance>

</Appearance>

</telerik:ChartSeries>

</Series>

</telerik:RadChart>

And in the code behind:

' Set additional chart properties and settings.

rcPrePackaged.ChartTitle.TextBlock.Text = "Pre-Packaged Items"

rcPrePackaged.ChartTitle.Visible = True

rcPrePackaged.Series(0).Appearance.Border.Visible = "true"

Note I did try setting the 'LabelConnecter-Style' to be "Alice-Blue", however, the connectors were no longer visible so I removed that line of code.

Thanks!

Chart (Obsolete)

answered on 08 Jun 2011

8 answers

289 views

Problem with ComboBox search / autocomplete in IE9

Hi there,

First, I'm running 2011.1.413.40

I have a RadComboBox that uses AutoComplete with Web Services to populate itself with matching items. Code be here:

<

telerik:RadComboBox ID="rcbTimeClientSearch" runat="server" AllowCustomText="true" Height

="100px"

MarkFirstMatch="false" Width="150px" EmptyMessage="Client Search" EnableLoadOnDemand

="true"

DataTextField="ClientName" DataValueField="ClientRef" EnableAutomaticLoadOnDemand

="True"

ItemsPerRequest="10" ShowMoreResultsBox="true" EnableVirtualScrolling="true" Filter="Contains" AutoPostBack="true" >

</telerik:RadComboBox>

The GetTimeClient method returns a RadComboBoxDataobject as you would expect.

This control works as expected in IE8, Chrome 11.0.696.65, FireFox 4, i.e. when you start typing, matching results from the web service are displayed. However, in IE9, I get the following client-side error as soon as the combo-box is dropped-down via the button, or the focus is set to the control:

Microsoft JScript runtime error: Unable to set value of the property '_item': object is null or undefined

I also get some very odd characters in the box...

If I run IE9 in Compatibility View, it's fine.

I am running the RadComboBoxControl in a user control, but even if it placed on a normal .aspx page, it still errors.

Any thoughts?

Thank you,

Mike K.

ComboBox

answered on 08 Jun 2011

2 answers

106 views

Batch updates templatecolumns

Hello,
Is it possible table with many tempaltecolumns (in edit mode) everything to update?

<telerik:RadGrid ID="RadGrid1" runat="server" AllowAutomaticInserts="True"

CellSpacing="0" DataSourceID="SqlDataSource2" GridLines="None"

ShowFooter="True" AllowAutomaticDeletes="True"

AllowAutomaticUpdates="True" ShowStatusBar="True" AllowMultiRowEdit="True">

<ClientSettings>

<Selecting AllowRowSelect="True" />

</ClientSettings>

<MasterTableView AutoGenerateColumns="False" DataKeyNames="kdId"

DataSourceID="SqlDataSource2" CommandItemDisplay="Top"

InsertItemPageIndexAction="ShowItemOnFirstPage" EditMode="InPlace">

<CommandItemSettings ExportToPdfText="Export to PDF" AddNewRecordText="Add"></CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridTemplateColumn DataField="ArtId" DataType="System.Int32"

FilterControlAltText="Filter ArtId column" HeaderText="Category"

SortExpression="ArtId" UniqueName="ArtId">

<EditItemTemplate>

<telerik:RadComboBox ID="RadComboBox3" Runat="server"

DataSourceID="SqlDataSource1" DataTextField="ArtName" DataValueField="ArtId"

SelectedValue='<%# Bind("ArtId") %>'>

</telerik:RadComboBox>

</EditItemTemplate>

<InsertItemTemplate>

<telerik:RadComboBox ID="RadComboBox2" Runat="server"

DataSourceID="SqlDataSource1" DataTextField="ArtName" DataValueField="ArtId"

SelectedValue='<%# Bind("ArtId") %>' EmptyMessage="Add New Category">

</telerik:RadComboBox>

</InsertItemTemplate>

<ItemTemplate>

<telerik:RadComboBox ID="RadComboBox1" Runat="server"

DataSourceID="SqlDataSource1" DataTextField="ArtName" DataValueField="ArtId"

SelectedValue='<%# Bind("ArtId") %>'

onitemdatabound="RadComboBox1_ItemDataBound"

onselectedindexchanged="RadComboBox1_SelectedIndexChanged"

AutoPostBack="True">

</telerik:RadComboBox>

</ItemTemplate>

<HeaderStyle Width="80px" />

<ItemStyle Width="80px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Info"

FilterControlAltText="Filter Info column" HeaderText="Details"

SortExpression="Info" UniqueName="Info">

<EditItemTemplate>

<asp:TextBox ID="InfoTextBox" runat="server" Text='<%# Bind("Info") %>'></asp:TextBox>

</EditItemTemplate>

<InsertItemTemplate>

<telerik:RadTextBox ID="Info" Runat="server" Height="15px"

TextMode="MultiLine" Width="250px" Text='<%# Bind("Info") %>'>

<ClientEvents OnBlur="Blur" OnFocus="Focus" />

</telerik:RadTextBox>

</InsertItemTemplate>

<ItemTemplate>

<telerik:RadTextBox ID="Info" Runat="server" Height="15px"

Text='<%# Bind("Info") %>' TextMode="MultiLine" Width="250px">

<ClientEvents OnBlur="Blur" OnFocus="Focus" />

</telerik:RadTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn FilterControlAltText="Filter CodaAccount column"

HeaderText="Coda Account" UniqueName="CodaAccount" ReadOnly="True">

<InsertItemTemplate>

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

</InsertItemTemplate>

<ItemTemplate>

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

</ItemTemplate>

<HeaderStyle Width="60px" />

<ItemStyle Width="60px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Anzahl" DataType="System.Int32"

FilterControlAltText="Filter Anzahl column" HeaderText="Number"

SortExpression="Anzahl" UniqueName="Anzahl">

<EditItemTemplate>

<telerik:RadNumericTextBox ID="Anzahl" Runat="server"

Culture="de-DE" DbValue='<%# Bind("Anzahl") %>' Width="50px">

<EnabledStyle HorizontalAlign="Right" />

</telerik:RadNumericTextBox>

</EditItemTemplate>

<InsertItemTemplate>

<telerik:RadNumericTextBox ID="Anzahl" Runat="server" Culture="de-DE"

Width="50px" DbValue='<%# Bind("Anzahl") %>'>

<NumberFormat DecimalDigits="0" />

<EnabledStyle HorizontalAlign="Right" />

</telerik:RadNumericTextBox>

</InsertItemTemplate>

<ItemTemplate>

<telerik:RadNumericTextBox ID="Anzahl" Runat="server" Culture="de-DE"

DbValue='<%# Bind("Anzahl") %>' Width="50px">

<NumberFormat DecimalDigits="0" />

<EnabledStyle HorizontalAlign="Right" />

</telerik:RadNumericTextBox>

</ItemTemplate>

<HeaderStyle Width="50px" />

<ItemStyle Width="50px" HorizontalAlign="Right" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Preis" DataType="System.Decimal"

FilterControlAltText="Filter Preis column" HeaderText="Price"

SortExpression="Preis" UniqueName="Preis" FooterText="Total:">

<EditItemTemplate>

<asp:TextBox ID="PreisTextBox" runat="server" Text='<%# Bind("Preis") %>'></asp:TextBox>

</EditItemTemplate>

<InsertItemTemplate>

<telerik:RadNumericTextBox ID="Preis" Runat="server"

Culture="de-DE" Width="60px" DbValue='<%# Bind("Preis") %>'>

<EnabledStyle HorizontalAlign="Right" />

</telerik:RadNumericTextBox>

</InsertItemTemplate>

<ItemTemplate>

<telerik:RadNumericTextBox ID="Preis" Runat="server"

Culture="de-DE" DbValue='<%# Bind("Preis") %>'

Width="60px">

<EnabledStyle HorizontalAlign="Right" />

</telerik:RadNumericTextBox>

</ItemTemplate>

<FooterStyle Font-Bold="True" HorizontalAlign="Right" />

<HeaderStyle Width="60px" />

<ItemStyle Width="60px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn FilterControlAltText="Filter Total column"

HeaderText="Total" UniqueName="Total" ReadOnly="True">

<InsertItemTemplate>

<asp:LinkButton ID="Insert" runat="server" CommandName="PerformInsert" ToolTip="Insert"><img src="Image/AddRecord.gif" alt="Insert" style="border-style:none"/></asp:LinkButton>

<asp:LinkButton ID="Cancel" runat="server" CommandName="Cancel" ToolTip="Cancel"><img src="Image/Cancel.gif" alt="Cancel" style="border-style:none"/></asp:LinkButton>

</InsertItemTemplate>

<ItemTemplate>

<asp:Label ID="lblTotal" runat="server" Width="60px" CssClass="lblCSSright"></asp:Label>

</ItemTemplate>

<FooterStyle Font-Bold="True" HorizontalAlign="Right" />

<HeaderStyle Width="60px" />

<ItemStyle Width="60px" />

</telerik:GridTemplateColumn>

<telerik:GridEditCommandColumn FilterControlAltText="Filter EditCommandColumn column">

</telerik:GridEditCommandColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>

</EditFormSettings>

<CommandItemStyle Height="25px" />

<CommandItemTemplate>

<asp:LinkButton ID="lnkAdd" runat="server" CommandName="InitInsert"><img src="Image/AddRecord.gif" style="border-style: none" /> Add</asp:LinkButton>

<asp:LinkButton ID="lnkUpd" runat="server" CommandName="UpdateAll"><img src="Image/Update.gif" style="border-style: none"/> Update</asp:LinkButton>

</CommandItemTemplate>

</MasterTableView>

<FilterMenu EnableImageSprites="False"></FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource1" runat="server"

ConnectionString="<%$ ConnectionStrings:webzeus %>" SelectCommand="SELECT ArtName, ArtId, CodaKonto

FROM KostenArt ORDER BY ArtName"></asp:SqlDataSource>

<asp:SqlDataSource ID="SqlDataSource2" runat="server"

ConnectionString="<%$ ConnectionStrings:webzeus %>"

SelectCommand="SELECT [kdId], [Number], [ArtId], [Anzahl], [Preis], [Info] FROM [KostenDetail] WHERE ([Number] = @Number)"

DeleteCommand="DELETE FROM [KostenDetail] WHERE [kdId] = @kdId"

InsertCommand="INSERT INTO [KostenDetail] ([Number], [ArtId], [Anzahl], [Preis], [Info]) VALUES (@Number, @ArtId, @Anzahl, @Preis, @Info)"

UpdateCommand="UPDATE [KostenDetail] SET [Number] = @Number, [ArtId] = @ArtId, [Anzahl] = @Anzahl, [Preis] = @Preis, [Info] = @Info WHERE [kdId] = @kdId">

<DeleteParameters>

<asp:Parameter Name="kdId" Type="Int32" />

</DeleteParameters>

<InsertParameters>

<asp:SessionParameter Name="Number" SessionField="curNumber" Type="Int32" />

<%--<asp:Parameter Name="Number" Type="Int32" />--%>

<asp:Parameter Name="ArtId" Type="Int32" />

<asp:Parameter Name="Anzahl" Type="Int32" />

<asp:Parameter Name="Preis" Type="Decimal" />

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

</InsertParameters>

<SelectParameters>

<asp:SessionParameter Name="Number" SessionField="curNumber" Type="Int32" />

</SelectParameters>

<UpdateParameters>

<asp:SessionParameter Name="Number" SessionField="curNumber" Type="Int32" />

<%--<asp:Parameter Name="Number" Type="Int32" />--%>

<asp:Parameter Name="ArtId" Type="Int32" />

<asp:Parameter Name="Anzahl" Type="Int32" />

<asp:Parameter Name="Preis" Type="Decimal" />

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

<asp:Parameter Name="kdId" Type="Int32" />

</UpdateParameters>

</asp:SqlDataSource

>

Protected Sub RadGrid1_ItemCommand(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles RadGrid1.ItemCommand
    If (e.CommandName = "UpdateAll") Then
        For Each editedItem As GridEditableItem In RadGrid1.EditItems
            Dim newValues As Hashtable = New Hashtable
            e.Item.OwnerTableView.ExtractValuesFromItem(newValues, editedItem)
            SqlDataSource2.UpdateCommand = String.Format("UPDATE KostenDetail SET ArtId = '{0}', Anzahl = '{1}', Preis = '{2}', Info = '{3}' WHERE kdId = '{4}'",
                                            newValues("ArtId"), newValues("Anzahl"), newValues("Preis"), newValues("Info"),
                                            editedItem.GetDataKeyValue("kdId").ToString())
            SqlDataSource2.Update()
        Next
    End If
    RadGrid1.Rebind()
End Sub

Grid

answered on 08 Jun 2011

3 answers

176 views

RadScriptManager & RadAjaxManager

I Have RadAjaxManager and RadScriptManager , i used RadAjaxManager cotrol a button. but when i click the button, it doesnt response, when i comment for the RadAjaxManager, then the button can work d? anyone can help me solve the problem?

<telerik:RadScriptManager ID="ScriptManager1" runat="server"></telerik:RadScriptManager>

<telerik:RadWindow ID="RadWindow1" runat="server"

Behaviors="Resize, Close, Move" Height="300px" Modal="True"

NavigateUrl="ForgotPassword.aspx" Overlay="True" ReloadOnShow="True"

VisibleStatusbar="False" Width="450px">

</telerik:RadWindow>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="lnkLogin">

<UpdatedControls>

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

<telerik:AjaxUpdatedControl ControlID="lblMsg" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

this is my code

ScriptManager and StyleSheetManager

answered on 08 Jun 2011

1 answer

44 views

In Rad Editor Error

If i click to add image or video it shows error like this.......
"
Web.config registration missing!
The Telerik dialogs require a HttpHandler registration in the web.config file. Please, use the control's Smart Tag to add the handler automatically, or see the help for more information: Controls > RadEditor > Dialogs > Introduction
"

Editor

answered on 08 Jun 2011

3 answers

67 views

Set Rotator intialItenIndex property using javascript

Hi,

I am using telerik rad rotator (dll licensed version : 2009.3.1208.20 ) in SharePoint 2010 site.I want to set rotator's IntialItemIndex property using javascript.Currently i have written following code server side to set rotator's IntialItemIndex :

protected

void SetInaitialItemIndex(object sender, EventArgs e)

{

try

{

LinkButton senderControl = sender as LinkButton;

string indexAsString = senderControl.Text; // Get the value - it should be a number;

int initialIndex = int.Parse(senderControl.Text);// Parse to int

initialIndex = initialIndex - 1;

BannerRotator.InitialItemIndex = initialIndex;

// Assign the new value ;

}

catch (Exception oEx)

{

// HttpContext.Current.Response.Write("Set Inaitial Item Index :" + oEx.Message);

}

I want to change above code logic in client side javascript,As i have 5 link buttons on my User control and i am calling above function(SetInaitialItemIndex) in linkbutton' onClick event like below.Also i have attached the screen shot of my web part as attachment.

<asp:LinkButton BorderWidth="0" ID="lnkbtn1" runat="server" Text="1" ForeColor="white" CssClass="prismimagelink" OnClick="SetInaitialItemIndex"></asp:LinkButton>

<asp:LinkButton BorderWidth="0" ID="lnkbtn2" runat="server" Text="2" ForeColor="white" CssClass="prismimagelink" OnClick="SetInaitialItemIndex"></asp:LinkButton

>

<asp:LinkButton BorderWidth="0" ID="lnkbtn3" runat="server" Text="3" ForeColor="white" CssClass="prismimagelink" OnClick="SetInaitialItemIndex"></asp:LinkButton

>

<asp:LinkButton BorderWidth="0" ID="lnkbtn4" runat="server" Text="4" ForeColor="white" CssClass="prismimagelink" OnClick="SetInaitialItemIndex"></asp:LinkButton

>

<asp:LinkButton BorderWidth="0" ID="lnkbtn5" runat="server" Text="5" ForeColor="white" CssClass="prismimagelink" OnClick="SetInaitialItemIndex"></asp:LinkButton

>

Please help me and give the code to set initialitemindex property server side.
Its very urgent issue ,i have to release site within 1 day.
Reply ASAP

Thanks,
Divya

Rotator

answered on 08 Jun 2011

1 answer

70 views

How to disable users from posting code

Hi,
I am using telerik radeditor, dll version "2010.2.713.35". Right now we have allowed the users to put any content in the editor, but we would like to restrict them from posting any C# or java script code. please let me know how can i achieve this?

Thanks,
Santosh Kumar

Editor

answered on 08 Jun 2011

2 answers

80 views

RadEditor dialogs rendering in weird places?

Hi,

This has been working perfectly up until this morning when I arrived at work. I'm the only one who has changed anything on this project for weeks.. see screenshot attached.

Its rendering itself inside a form that I have in the master page?

This happens in all browsers.. across multiple platforms.. I don't understand why it is happening :/

Regards,

Shane

Editor

answered on 08 Jun 2011

2 answers

51 views

RadDockZone inside a Grid, can not forbid

Dear Telerik!

Could you please advice me on the following issue:

I'm making a web page with a grid, one of columns of which contains RadDockZones. Thus each line of the grid contains exactly one RadDockZone. There are other RadDockZones on the page (not in the grid!) in which all RadDocks are initially put.

I need to make some of my empty RadDockZones forbidden for all new RadDocks after one RadDock got put in it. (it actually realizes a one-to-one relationship between one type of entities and another)

There are excellent examples on you site showing similar behaviour. Like this one:
http://www.telerik.com/community/forums/aspnet-ajax/docking/limit-number-of-docks-per-zone-without-displaying-placeholder.aspx

But this method does not work for those RadDockZones which live inside the Grid!

Does being inside a grid change something for a RadDockZone? Why such RadDockZone still enables a RadDock to get put inside it even if the RadDock has the RadDockZone's client ID among the forbidden ones?

I do appreciate any help...

- Stepan.

Dock

answered on 08 Jun 2011