Questions on UI for ASP.NET AJAX Forum

5 answers

217 views

Hi,

I am planning to enhance one of our project with the Telerik Menu. The menu which is proposed is Vertical and exploding type. Below is a small example.

There will be few parent tab which will be colla[sed by default. on click of the tab, the tab will expand to show few of its sub links with a scroll bar. scroll bar will help if there are huge list under the parent tab. which ever tab i click that only should expand all other tab should collapse. the selected link should be highlighted.

I am looking for such a functionality, This is going to be a ASP.NET project, Framework Version 2.0 and Visual Studio 2010.

Thanks,
Shiras

Menu

answered on 08 Jun 2011

2 answers

100 views

Scroll to Show last 2 rows

Hi

How can I scroll to always show the selected row second from bottom in the list. I'm currently using scrollIntoView to show the selected row, but is scrolls so that the selected row allways is the last visible, but I need to scroll to show one row extra.

I also need the function get_isVisible to work with the same intention to show one row extra.

/Keivan

ListBox

answered on 08 Jun 2011

2 answers

54 views

Find and Replace Dialog opening new <html>

IE9 - When I click on the canned Find and Replace in a RadEditor toolbar a new window or tab is loading with javacript'<html></html>' showing in the tab...see attached picture.

Also, in IE and FF the Find and Replace dialog is positioning itself hap-hazardly on the page...is there a hook, or way I can tell the Find and Replace where to load on the screen...similar to telling the toolbar where to load?

Please see attached pics.

Thank you.

Editor

answered on 08 Jun 2011

3 answers

86 views

Blackberry browser handling very bad

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

257 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

292 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

111 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

181 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

54 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

70 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