Questions on UI for ASP.NET AJAX Forum

1 answer

212 views

IE9: GridHyperLinkColumn text width problem

Hi

I am using Telerik Web UI version 2010.2.1029.35. The grid has Title column as GridHyperLinkColumn with width set to 35% and no wrap.
When the Title text is too long it displays text with ... at the end of the column in IE8 which is correct. But in IE9, it does not show complete text until 35%, and after 25 chars it displays continuation text as ... even though the column width is still available. I have attached the screen snap.

<telerik:GridHyperLinkColumn UniqueName="Title" DataNavigateUrlFields="RefNo" DataNavigateUrlFormatString="../text.aspx?id={0}"

DataTextField="Title" HeaderText="Title">

<HeaderStyle Width="35%" />

<ItemStyle wrap="false" />

</telerik:GridHyperLinkColumn>

I have also tried using DataTextFormatString="<nobr>{0}</nobr>", but it didnt help. Can you pls suggest how to get the text until the end of the column? Thanks.

Grid

answered on 24 Nov 2011

2 answers

149 views

[Solved] Ajax Initiator on TabStrip and PageViews

Hi is it possible to have the Initiator a particular Tab in a Tab Strip and its respective PageView as target Updated Control?
In the Configurator, I only see an index type name like i0, i1, i2 under my TabStrip Control... So I tried to select it as I though ti twould but got the following error

at Telerik.Web.UI.RadPageViewCollection.AddAt(Int32 index, Control child) at Telerik.Web.UI.RadAjaxControl.MoveUpdatePanel(Control initiator, Control updated) at Telerik.Web.UI.RadAjaxControl.PerformRender() at Telerik.Web.UI.RadAjaxControl.OnPageRender(HtmlTextWriter writer, Control page) at Telerik.Web.UI.RadAjaxControl.RenderPageInAjaxMode(HtmlTextWriter writer, Control page) at System.Web.UI.Control.RenderChildrenInternal(HtmlTextWriter writer, ICollection children) at System.Web.UI.Control.RenderChildren(HtmlTextWriter writer) at System.Web.UI.Page.Render(HtmlTextWriter writer) at System.Web.UI.Control.RenderControlInternal(HtmlTextWriter writer, ControlAdapter adapter) at System.Web.UI.Control.RenderControl(HtmlTextWriter writer, ControlAdapter adapter) at System.Web.UI.Control.RenderControl(HtmlTextWriter writer) at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)

<telerik:RadTabStrip ID="tsCRMPPSA" runat="server" MultiPageID="mpCRMPPSA" SelectedIndex="0"

OnTabClick="tsCRMPPSA_TabClick">

<Tabs>

<telerik:RadTab runat="server" Text="Search PPSA" PageViewID="pvSearch" Selected="True">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Register" PageViewID="pvRegister">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Results" PageViewID="pvResults">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="mpCRMPPSA" runat="server" SelectedIndex="0">

<%---------------------- Search Pageview ---------------------------%>

<telerik:RadPageView ID="pvSearch" runat="server">

</telerik:RadPageView>

<%---------------------- Registration Pageview ---------------------------%>

<telerik:RadPageView ID="pvRegister" runat="server">

</telerik:RadPageView>

<%---------------------- Results Pageview ---------------------------%>

<telerik:RadPageView ID="pvResults" runat="server" EnableViewState="false">

</telerik:RadPageView>

</telerik:RadMultiPage>

I've tried different combination without success:
1. Actual Index of the Tab as initiator and pvSearch, pvRegister , pv Result as Updated Controls
2. tsCRMPPSA as Initiator and pvSearch, pvRegister , pv Result as Updated Controls

The only combination that works is I used the top level
tsCRMPPSA to update mpCRMPPSA .... so the whole multiplage is transferred as opposed to controls of the individual tab selcted.

Also there is a bug in the COnfigurator... When you select the indexed ta b i0, i2, i3... closed it and you try to open the configurator again to do another change, the Ajax Settings are duplicated...

C

Ajax

answered on 24 Nov 2011

10 answers

306 views

RadEditor is not display properly in the ajax tab control it

hi experts ,

i placed one telerik editor into the ajax tab container ,the design after page loaded (immediately) the design is not in properway it is ajax toolkit control only why the display is damaged can you help me please i posted code as well as screen shots

<%@ Page Theme="Default" Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs"
    Inherits="Telerik.Web.Examples.Editor.Default.DefaultCS" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
</head>
<body class="BODY">
    <form id="form1" runat="server">
    <asp:ScriptManager ID="sm" runat="server">
    </asp:ScriptManager>
    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />
    <table cellspacing="0" cellpadding="0">
        <tr>
            <td style="vertical-align: top;">
                <cc1:TabContainer ID="tcProduct" runat="server" ActiveTabIndex="1">
                    <cc1:TabPanel ID="tpProduct" HeaderText="First Panel" runat="server" TabIndex="1">
                    <ContentTemplate>
                     This is first panel in this tab container which is upper to the telerik panel .
                    </ContentTemplate>
                    </cc1:TabPanel>
                    <cc1:TabPanel ID="tpProduct1" HeaderText="Product Information" runat="server" TabIndex="1">
                        <ContentTemplate>
                            <telerik:RadEditor runat="server" ID="RadEditor1" SkinID="DefaultSetOfTools" Height="515"
                                ToolbarMode="RibbonBar">
                                <ImageManager ViewPaths="~/Editor/Img/UserDir/Marketing" UploadPaths="~/Editor/Img/UserDir/Marketing"
                                    DeletePaths="~/Editor/Img/UserDir/Marketing"></ImageManager>
                            </telerik:RadEditor>
                        </ContentTemplate>
                    </cc1:TabPanel>
                </cc1:TabContainer>
            </td>
            <td style="padding: 0 0 0 8px; vertical-align: top;" id="decorationZoneElement">
            </td>
        </tr>
    </table>

    <hr />
    Telerik tabs

    </form>
</body>
</html>

Editor

answered on 24 Nov 2011

2 answers

136 views

Show Y axis in reverse order revisited

Hello,
I'd like to return to the question that was sent to you 3 years ago:
http://www.telerik.com/community/forums/aspnet/chart/show-y-axis-in-reverse-order.aspx
Is there any advance in this direction? It seems to be that the answer is no. Why is it such problem to add this feature to your really good product? I used this feature in TeeChart of Steema many years ago. I attach an example to this letter.
Evgeny

Chart (Obsolete)

answered on 24 Nov 2011

5 answers

231 views

Calendar Multiselect with Control key press

Hi all,

If I set RadCalendar's property EnableMultiSelect to true it select multiple dates with only "mouse click". But I want multiple date selection with "control key hold + mouse click" and single date selection with "mouse click".

I searched this but could not find this functionality, please guide me in this respect.

Regards,
Kash

Calendar

answered on 24 Nov 2011

2 answers

84 views

Format Day Number in Monthview for no month description

Hey all,

is there a way to format the date so that the first day of the month does not contain the month name? So instead of:

01 Nov

it would only display:

01

Thanks,
Dan

Scheduler

answered on 24 Nov 2011

1 answer

82 views

Rating not updating label value?

Can anyone help me explain why when I rate my items the actual average rating is not being updated???
(I used the rating + comments demo as the foundation for this code)

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

'Get ratings and display on page

Dim tbRatings As DataTable = New IMCSelect().getRatings(-1, 8, Request.QueryString("ID"), 1, 0, Application("logMaterials")).Tables(0)

Dim Sum As Single

For Each dr As DataRow In tbRatings.Rows

If dr.RowState <> DataRowState.Deleted Then

Sum += Convert.ToInt32(dr("Rating"))

End If

Next

Dim iAvgRating As Single = 0

If tbRatings.Rows.Count <> 0 Then

iAvgRating = Math.Round(Sum / tbRatings.Rows.Count, 2)

lblAvgRating.Text = iAvgRating

End If

Dim tbComments As DataTable = New IMCSelect().getRatings(-1, 8, Request.QueryString("ID"), 1, 0, Application("logPublications")).Tables(0)

Dim comments = From r In tbComments.AsEnumerable Where r.Field(Of String)("RatingComments") <> "" Select r

If comments.Count() <> 0 Then

tbComments = comments.CopyToDataTable()

Else

tbComments.Rows.Clear()

End If

hlComments.Text = "View comments"

hlComments.NavigateUrl = "Javascript:ViewComments(" & Request.QueryString("ID") & ");"

If tbComments.Rows.Count() <> 0 Then

divComments.Style.Add("display", "block;")

Else

divComments.Style.Add("display", "none;")

End If

End Sub

Private Property Rating() As Dictionary(Of String, Decimal)

Get

Dim varRating As Dictionary(Of String, Decimal) = DirectCast(ViewState("Rating"), Dictionary(Of String, Decimal))

If [Object].Equals(varRating, Nothing) Then

varRating = New Dictionary(Of String, Decimal)()

varRating("sum") = 0

varRating("counter") = 0

End If

Return varRating

End Get

Set(ByVal value As Dictionary(Of String, Decimal))

ViewState("Rating") = value

End Set

End Property

Protected Sub btnPostComment_Click(ByVal sender As Object, ByVal e As EventArgs)

Dim iRatingID As Integer

iRatingID = New IMCInsert().addRating(RadRating1.Value, txtComments.Text, 8, Request.QueryString("ID"), Session("RBPOnline_UserID"), Application("logMaterials"))

txtComments.Text = ""

'Close tooltip

Dim str As String = "CloseToolTip1();"

ScriptManager.RegisterClientScriptBlock(Me.Page, GetType(Page), "closeTooltip", str, True)

End Sub

Protected Sub RadRating1_Rate(ByVal sender As Object, ByVal e As EventArgs)

Dim currentRating As Dictionary(Of String, Decimal) = Rating

currentRating("sum") = currentRating("sum") + RadRating1.Value

currentRating("counter") = currentRating("counter") + 1

Rating = currentRating

Dim averageRating As Decimal = Math.Round(currentRating("sum") / currentRating("counter"), 1)

End Sub

Rating

answered on 24 Nov 2011

1 answer

103 views

hierarchy radgrid cannot find the passed in field from outer grid(always null)

I tried to use two level radgrid, the inner level actually get "AetherID" from the outer grid but it always has null value which means it is not passed in. I followed TELERIK's Example, so I have no idea what goes wrong here, help please.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RadGridExportWebForm.aspx.cs"
    Inherits="RadGridExportWebForm" %>

<!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>
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <%--Needed for JavaScript IntelliSense in VS2010--%>
            <%--For VS2008 replace RadScriptManager with ScriptManager--%>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        </Scripts>
    </telerik:RadScriptManager>
    <script type="text/javascript">
        //Put your JavaScript code here.
    </script>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <ClientEvents OnRequestStart="RadAjaxManager1_RequestStart" />
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadGrid1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <div>
        <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
            <script type="text/javascript">
                function gridExport() {
                    $find("<%= RadGrid1.ClientID %>").get_masterTableView().exportToExcel();
                    return false;
                }
                function RadAjaxManager1_RequestStart(sender, args) {
                    if (args.get_eventTarget() == "<%= RadGrid1.ClientID %>")
                        args.set_enableAjax(false);
                }
            </script>
        </telerik:RadScriptBlock>
        <asp:Button OnClientClick="return gridExport()" ID="Button1" runat="server" Text="Export To Excel" />
        <%-- <asp:Label ID="Label1" Font-Bold="true" Font-Italic="true" Text='<%# Eval("AetherGUID") %>'
            Visible="false" runat="server" />--%>
        <telerik:RadGrid ID="RadGrid1" OnPreRender="RadGrid1_PreRender" DataSourceID="ObjectExpDescDS"
            runat="server" AutoGenerateColumns="False" AllowSorting="True" AllowMultiRowSelection="False"
            AllowPaging="True" PageSize="10" GridLines="None" ShowGroupPanel="true" OnItemCreated="RadGrid1_ItemCreated"
            OnItemCommand="RadGrid1_ItemCommand">
            <PagerStyle Mode="NumericPages"></PagerStyle>
            <MasterTableView DataSourceID="ObjectExpDescDS" DataKeyNames="AetherGUID" AllowMultiColumnSorting="True"
                GroupLoadMode="Server" HierarchyLoadMode="ServerOnDemand">
                <Columns>
                    <telerik:GridBoundColumn SortExpression="ExperimentDateTime" HeaderText="Experiment DateTime"
                        HeaderButtonType="TextButton" DataType="System.DateTime" DataFormatString="{0:d}"
                        AllowSorting="true" AllowFiltering="true" Groupable="true" DataField="ExperimentDateTime"
                        UniqueName="ExperimentDateTime">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="ExperimentUser" HeaderText="Experiment DateTime"
                        HeaderButtonType="TextButton" AllowSorting="true" AllowFiltering="true" Groupable="true"
                        DataField="ExperimentDateTime" UniqueName="ExperimentDateTime">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="ValidationDateStartTime" HeaderText="Validation StartTime"
                        HeaderButtonType="TextButton" AllowSorting="true" AllowFiltering="true" Groupable="true"
                        DataField="ValidationDateStartTime" UniqueName="ValidationDateStartTime">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="ValidationDateEndTime" HeaderText="Validation End Time"
                        HeaderButtonType="TextButton" AllowSorting="true" AllowFiltering="true" Groupable="true"
                        DataField="ValidationDateEndTime" UniqueName="ValidationDateEndTime">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="TrainingDateStartTime" HeaderText="Training StartTime"
                        HeaderButtonType="TextButton" AllowSorting="true" AllowFiltering="true" Groupable="true"
                        DataField="TrainingDateStartTime" UniqueName="TrainingDateStartTime">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="TrainingDateEndTime" HeaderText="Training End Time"
                        HeaderButtonType="TextButton" AllowSorting="true" AllowFiltering="true" Groupable="true"
                        DataField="TrainingDateEndTime" UniqueName="TrainingDateEndTime">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="AetherDescription" HeaderText="Description"
                        HeaderButtonType="TextButton" AllowFiltering="true" AllowSorting="true" Groupable="true"
                        DataField="AetherDescription" UniqueName="AetherDescription">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="AetherGUID" HeaderText="AetherGUID" HeaderButtonType="TextButton"
                        AllowFiltering="true" AllowSorting="true" Groupable="true" DataField="AetherGUID"
                        UniqueName="AetherGUID">
                    </telerik:GridBoundColumn>
                </Columns>
                <NestedViewSettings DataSourceID="ObjectExpMetricsDS">
                    <ParentTableRelation>
                        <telerik:GridRelationFields DetailKeyField="AetherGUID" MasterKeyField="AetherGUID" />
                    </ParentTableRelation>
                </NestedViewSettings>
                <NestedViewTemplate>
                    <asp:Panel runat="server" ID="InnerContainer" CssClass="viewWrap" Visible="false">
                        <telerik:RadTabStrip runat="server" ID="TabStip1" MultiPageID="Multipage1" SelectedIndex="0">
                            <Tabs>
                                <telerik:RadTab runat="server" Text="Metrics" PageViewID="PageView1">
                                </telerik:RadTab>
                                <telerik:RadTab runat="server" Text="To be added" PageViewID="PageView2">
                                </telerik:RadTab>
                                <telerik:RadTab runat="server" Text="Chart" PageViewID="PageView3">
                                </telerik:RadTab>
                            </Tabs>
                        </telerik:RadTabStrip>
                        <telerik:RadMultiPage runat="server" ID="Multipage1" SelectedIndex="0" RenderSelectedPageOnly="false">
                            <telerik:RadPageView runat="server" ID="PageView1">
                                <telerik:RadGrid runat="server" ID="ExpMetricsGrid" DataSourceID="ObjectExpMetricsDS"
                                    ShowFooter="true" AllowSorting="true" AutoGenerateColumns="false">
                                    <MasterTableView>
                                        <Columns>
                                            <telerik:GridBoundColumn SortExpression="Position" HeaderText="Position" HeaderButtonType="TextButton"
                                                DataField="Position" UniqueName="Position">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn SortExpression="RigProd" HeaderText="Production RIG" HeaderButtonType="TextButton"
                                                DataField="RigProd" UniqueName="Production RIG">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn SortExpression="RigExpt" HeaderText="Experiment RIG" HeaderButtonType="TextButton"
                                                DataField="RigExpt" UniqueName="Experiment RIG">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn SortExpression="RIGAdPredict" UniqueName="AdPredictor RIG"
                                                DataField="RIGAdPredict" HeaderText="AdPredictor RIG">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn SortExpression="AvgPClickProd" HeaderText="Production Average PClick"
                                                HeaderButtonType="TextButton" DataField="AvgPClickProd" UniqueName="Production Average PClick">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn SortExpression="AvgPClickExpt" HeaderText="Experiment Average PClick"
                                                HeaderButtonType="TextButton" DataField="AvgPClickExpt" UniqueName="Experiment Average PClick">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn SortExpression="Impression" HeaderText="Impressions" HeaderButtonType="TextButton"
                                                DataField="Impression" UniqueName="Impression">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn SortExpression="Clicks" HeaderText="Clicks" HeaderButtonType="TextButton"
                                                DataField="Clicks" UniqueName="Clicks">
                                            </telerik:GridBoundColumn>
                                        </Columns>
                                    </MasterTableView>
                                </telerik:RadGrid>
                                <asp:ObjectDataSource ID="ObjectExpMetricsDS" SelectMethod="GetDataByGUID" TypeName="RadControlsWebApp1.DAL.AbacusStoreTableAdapters.RigAucPairwiseJoinedViewTableAdapter"
                                    runat="server">
                                    <SelectParameters>
                                        <asp:Parameter Name="AetherGUID" DefaultValue="fe439be5-4a63-45f4-990a-e7939e31f287" Type="string" />
                                    </SelectParameters>
                                </asp:ObjectDataSource>
                            </telerik:RadPageView>
                            <telerik:RadPageView runat="server" ID="PageView2" Width="460px">
                            </telerik:RadPageView>
                            <telerik:RadPageView runat="server" ID="PageView3" Width="400px">
                            </telerik:RadPageView>
                        </telerik:RadMultiPage>
                    </asp:Panel>
                </NestedViewTemplate>
            </MasterTableView>
            <ClientSettings AllowDragToGroup="true" />
        </telerik:RadGrid>
        <asp:ObjectDataSource SelectMethod="GetData" TypeName="RadControlsWebApp1.DAL.AbacusStoreTableAdapters.ExperimentDescTableAdapter"
            ID="ObjectExpDescDS" runat="server"></asp:ObjectDataSource>
    </div>
    </form>
</body>
</html>

Grid

answered on 24 Nov 2011

1 answer

117 views

RadTreeView in PanelBar Vertical scroll issues

Hi Telerik,
I have nested a RadTreeView loaded from a WCF Service as the contentTemplate item inside a RadPanelBar and that Item to be expanded on load. When I expand the TreeView the vertical scroll displays and works properly. If I switch panels and then come back to that TreeView, it is still expanded how I left it but the vertical scroll is no longer there and it never works again. If I switch panels before I attempt to expand the TreeView, the vertical scroll never appears and the TreeView is worthless. Any ideas on how I can fix this would be greatly appreciated.

PanelBar

answered on 24 Nov 2011

7 answers

446 views

Sticky table header

Hello again...
I'm trying to make my Grid's header sticky so when I scroll it down i Can see the header all the time on top of my website WITHOUT using ClientSide AllowScrolling and Static header/footer. It's not the same....

I'm trying to get something like on that website:
http://jsfiddle.net/jmosbech/stFcx/

any ideas?

Grid

answered on 24 Nov 2011