Questions on UI for ASP.NET AJAX Forum

3 answers

98 views

Hi there,

I was following this guide (http://www.telerik.com/help/aspnet-ajax/ajax-add-ajaxrequest-to-client-event.html) to manually add Ajax requests to an HTML element. I was wondering if it is possible to have 2, one for OnMouseOver and one for OnClick.

John

Ajax

answered on 04 Feb 2013

4 answers

98 views

pie chart rendering problem with just 2 SeriesItem

I am having a problem getting a pie chart to render where there are only two seriesitems and one of the values is 0.
When a third series is added then it has no problems with one of them having a value of 0

<telerik:RadHtmlChart runat="server" ID="PieChart2" Width="420"Transitions="true">

<Appearance>

<FillStyle BackgroundColor="White" />

</Appearance>

<ChartTitle Text="CM Standard > Primary > Patients with No Pending Tasks">

<Appearance Align="Center" BackgroundColor="White" Position="Top" />

</ChartTitle>

<PlotArea>

<Appearance>

<FillStyle BackgroundColor="White" />

</Appearance>

<Series>

<telerik:PieSeries StartAngle="90">

<LabelsAppearance Position="Circle" DataFormatString="{0} %" />

<TooltipsAppearance DataFormatString="{0} %" />

<Items>

<telerik:SeriesItem BackgroundColor="#ff9900" Exploded="true" Name="Internet Explorer" YValue="18.3" />

<telerik:SeriesItem BackgroundColor="#cccccc" Exploded="false" Name="Firefox" YValue="35.8" />

<%--<telerik:SeriesItem BackgroundColor="#bbbbbb" Exploded="false" Name="Firefox" YValue="35.8" />--%>

</Items>

</telerik:PieSeries>

</Series>

</PlotArea>

<Legend>

<Appearance BackgroundColor="White" Position="Bottom" Visible="true"/>

</Legend>

</telerik:RadHtmlChart>

public void LoadChartData()

{

int totalpatients = Utilities.GetInt(ds.Tables[0].Rows[0]["TotalPatients"]);

int PatientsNoPendingTasks = Utilities.GetInt(ds.Tables[0].Rows[0]["PatientsNoPendingTasks"]);

int PatientsWithPendingTasks = Utilities.GetInt(ds.Tables[0].Rows[0]["PatientsWithPendingTasks"]);

int PatientsOverDueforCHA = Utilities.GetInt(ds.Tables[0].Rows[0]["PatientsOverDueforCHA"]);

int PatientsWithUpdatedCHA = totalpatients - PatientsOverDueforCHA;

PieSeries pieSeries = (PieSeries)PieChart2.PlotArea.Series[0];

PieChart2.PlotArea.Series[0].Items[0].Name = "No Pending Tasks";

PieChart2.PlotArea.Series[0].Items[0].YValue = 0;// PatientsNoPendingTasks;

PieChart2.PlotArea.Series[0].Items[1].YValue = 43;// PatientsNoPendingTasks;

PieChart2.PlotArea.Series[0].Items[1].Name = "Has Pending Tasks";

//PieChart2.PlotArea.Series[0].Items[2].YValue = 10;// PatientsNoPendingTasks;

//PieChart2.PlotArea.Series[0].Items[2].Name = "Test";

}

Chart (HTML5)

answered on 04 Feb 2013

6 answers

767 views

[Solved] Select rows in Child from Parent table in RadGrid

I have a rad grid with a parent (master) and child (detail table). Both tables have a row selector (checkbox). What I need to be able to do is if the Parent row is selected, I need to update via JavaScript the child rows for that parent as selected (and have the selector checkbox be disabled). And if they de-select the parent row this will un-check the child rows and enable the row selection (checkbox) in the child table.

Any help is appreciated.

Thanks!
-- Debbie

Here's a sample of the grid I have....

    
            <telerik:RadGrid runat="server" ID="gridSample"                 Width="100%" AllowMultiRowSelection="true" > 
        
                            <ClientSettings EnableRowHoverStyle="False">  
        
                                <Selecting AllowRowSelect="True" EnableDragToSelectRows="false" /> 
        
                            </ClientSettings> 
        
                            <MasterTableView TableLayout="Fixed" DataKeyNames="AccountId" Name="Recipients"                    GridLines="Horizontal" Frame="Box" HierarchyLoadMode="Client" AutoGenerateColumns="false">  
        
                                <NoRecordsTemplate> 
        
                                    No Unsubmitted items for this customer.  
        
                                </NoRecordsTemplate> 
        
                                <DetailTables> 
        
                                    <telerik:GridTableView runat="server" ShowFooter="false" AllowSorting="false" Name="OrderItems" 
        
                                        BorderWidth="1" GridLines="Horizontal" AutoGenerateColumns="false" Width="100%" 
        
                                        DataKeyNames="Id">  
        
                                        <ParentTableRelation> 
        
                                            <telerik:GridRelationFields DetailKeyField="AccountId" MasterKeyField="AccountId" /> 
        
                                        </ParentTableRelation> 
        
                                        <ExpandCollapseColumn HeaderStyle-Width="20px" /> 
        
                                        <Columns> 
        
                                            <telerik:GridClientSelectColumn HeaderStyle-Width="30/> 
        
                                            <telerik:GridBoundColumn HeaderText="Product Name" DataField="ProductName" HeaderStyle-Width="300" />                             
        
                                        </Columns> 
        
                                    </telerik:GridTableView> 
        
                                </DetailTables> 
        
                                <Columns> 
        
                                    <telerik:GridClientSelectColumn /> 
        
                                    <telerik:GridTemplateColumn UniqueName="colAccountName" HeaderText="Name">  
        
                                        <ItemTemplate> 
        
                                            <asp:HyperLink runat="server" id="linkAccount" />                                  
        
                                        </ItemTemplate> 
        
                                        <HeaderStyle Width="150px" HorizontalAlign="Left" /> 
        
                                    </telerik:GridTemplateColumn> 
        
                                </Columns> 
        
                            </MasterTableView> 
        
                        </telerik:RadGrid>

Grid

answered on 04 Feb 2013

3 answers

81 views

LoadOnDemand not working for me (properly)

I have a LinqDataSource and a RadComboBox set up, so that the combobox shows the query results on demand. The table has 1000 or so rows and it takes a lot of time to load that page because for some reason RadComboBox keeps loading everything.

So what is wrong with the code below? I have nothing regarding cbAuto in the code-behind file

<asp:LinqDataSource ID="LinqDataSource1" runat="server" ContextTypeName="Webshop.Entities" EntityTypeName="" OrderBy="Name, FromDate, TillDate" Select="new (AutoID, Name, FromDate, TillDate, Comment)" TableName="Autos"></asp:LinqDataSource>

<telerik:RadComboBox ID="cbAutos" runat="server" Width="900px"

DropDownWidth="900px" EmptyMessage="Chosse an autotype" HighlightTemplatedItems="True"

Filter="Contains" LoadingMessage="Loading..." DataTextField="Name" MaxHeight="300px" DataValueField="AutoID" ShowDropDownOnTextboxClick="False" DataSourceID="LinqDataSource1" EnableLoadOnDemand="True" EnableVirtualScrolling="True" ItemsPerRequest="100">

<HeaderTemplate>

<table style="width: 850px;">

<tr>

<td style="width: 300px;">Autotype</td>

<td style="width: 100px;">Date (from)</td>

<td style="width: 100px;">Date (till)</td>

<td style="width: 150px;">Comment</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table style="width: 850px;">

<tr>

<td style="width: 300px;">

<%# DataBinder.Eval(Container.DataItem, "Name")%>

</td>

<td style="width: 100px;">

<%# DataBinder.Eval(Container.DataItem, "FromDate")%>

</td>

<td style="width: 100px;">

<%# DataBinder.Eval(Container.DataItem, "TillDate")%>

</td>

<td style="width: 150px;">

<%# DataBinder.Eval(Container.DataItem, "Comment")%>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadComboBox>

ComboBox

answered on 04 Feb 2013

1 answer

103 views

MaxFileSize and MaxRequestLength; does it have to match?

Do the values of MaxFileSize and MaxRequestLength have to match for RadUpload?

Does the value set for MaxRequestLength supersede MaxFileSize to support uploading of large files?

Also does anyone know where the temp files are stored upon upload? Some have said Windows\Temp\. Are files just stored in the root of that or in a specific folder? What permissions should it have?

Upload (Obsolete)

answered on 04 Feb 2013

1 answer

143 views

Div into radlistview

Hi,
i load a image asp into radlistview, this is code:

<asp:Image ID="Image1" runat="server" ImageUrl='<%# CType(Container.DataItem, PropertyUtente).imageprofile%>' Height="125px" Width="110px"/>

now i would to load the value

CType(Container.DataItem, PropertyUtente).imageprofile

into div so i can to create to div the round edges with css.
But i dont know to load this code "CType(Container.DataItem, PropertyUtente).imageprofile" into div.

i load the records into radlistview from code behind with this code:

Dim lista As List(Of PropertyUtente) = Loadsearch.Search(_str1, _str2)

RadListView1.DataSource = lista

RadListView1.DataBind()

Please help me

ListView

answered on 04 Feb 2013

5 answers

321 views

RadTreeView show line not 'Expanded'

Hi,

I am running telerik asp.net ajax 2012.2.912.40 for VS 2012.
I see lots of documentation for RadTreeView that does not apply to the version I
am working with.

I need to either use ImageURL to show a line or a method call to show
this line.
Have already tried .Toggle(). Don't wan't to show a '-' image.

Where are the /TreeView images located and/or what method can I call
to show the line?

TreeView

answered on 04 Feb 2013

4 answers

180 views

[Solved] Reverse arrows

Hello,
Would you please tell me why the arrow icons before the nodes in right to left mode are reversed.
for example in this page :
http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/righttoleft/defaultcs.aspx
If my expectations are wrong please tell me :) because I expect a reverse arrow in right to left mode.

and another question why don't you let the user set those images in RadTreeView level and not in Node level.
for example Microsoft TreeView control can be customized by setting ExpandImageUrl, CollapseImageUrl, NoExpandImageUrl properties ( as described here) . Its very clear and easy to understand. Why haven't you implemented something like that.

Excuse me for being direct and frank.

Thank you.

TreeView

answered on 04 Feb 2013

2 answers

442 views

[Solved] how to apply hyperlink to GridBoundColumn ?

Hi,

I have a grid with auto generated columns like this .

<telerik:RadGrid ID="RadGrid1" runat="server" CellSpacing="0" ShowFooter="True"

DataSourceID="SqlDataSource1" GridLines="None">

<headercontextmenu>

</headercontextmenu>

<clientsettings>

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

</clientsettings>

<mastertableview datasourceid="SqlDataSource1">

<CommandItemSettings ExportToPdfText="Export to PDF" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</mastertableview>

<filtermenu enableimagesprites="False">

</filtermenu>

</telerik:RadGrid>

I have total 20 columns in display. I would like to change 18 boundcolumns to hyperlink columns ..

I know how to change one boundcolumn to hyperlink column like this ..

Protected Sub RadGrid1_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles RadGrid1.ItemDataBound

Try

If TypeOf e.Item Is GridDataItem Then

Dim item As GridDataItem = DirectCast(e.Item, GridDataItem)

Dim hl As New HyperLink()

hl.NavigateUrl = "Default.aspx?id=1"

hl.Text = item("TaskReasonCategory").Text

item("TaskReasonCategory").Controls.Add(hl)

End If

Catch ex As Exception

Throw ex

End Try

End Sub

From above code is only for one column "TaskReasonCategory",i,.e hard coded.. But how to change 18 columns without mentioning item("ColumnName").

Please help me on this ...

Thank you in advance..

Grid