Questions on UI for ASP.NET AJAX Forum

2 answers

337 views

I have 2 Rad grids.
Parent grid have a FormTemplate.
Inside FormTemplate is a child grid with editMode=inPlace.
On parent Grid_ItemDataBound I binding child grid .
However when I am trying to edit child grid it dissapers .
could you tell me why?

Grid

answered on 14 Jan 2016

9 answers

98 views

Help files for the June release

Where are the help files for the June release? Are they no longer being created?

Documentation and Tutorials

answered on 14 Jan 2016

1 answer

73 views

Remove all but doesn't links

Hello,

Is it possible to delete everything except the files that are being pasted to the editor? I'm currently using the attribute StripFormattingOnPaste = "AllExceptNewLines".

Editor

answered on 14 Jan 2016

1 answer

88 views

Hide all Databound columns when Form Template is in edit mode and Sort a column data from an external button outside of grid.

Hi all,

Using VS 2013 with ASP.NET AJAX Q3 2015. Using below link as a prototype.

http://demos.telerik.com/aspnet-ajax/grid/examples/data-editing/edit-form-types/defaultcs.aspx

I have a weird request from a user to hide all GridBoundColumn's while form is in edit mode..

Also I would like to sort the grid column (ex: LastName) from above link from an external button click event, that button should be outside RadGrid.

Below is code that put all rows in edit mode, it works. But I need some help to hide GridBound columns.

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" CellSpacing="0" AllowMultiRowEdit="true"

DataSourceID="SqlDataSource1" GridLines="None" Width="800px" AllowFilteringByColumn="True"

EnableLinqExpressions="true" OnItemDataBound="RadGrid1_ItemDataBound" OnPreRender="RadGrid1_PreRender"

OnItemCommand="RadGrid1_ItemCommand" Skin="Vista" AllowSorting="True">

</telerik:RadGrid>

--------------------

protected void RadGrid1_PreRender(object sender, EventArgs e)

{

foreach (GridDataItem data in RadGrid1.MasterTableView.Items)

{

data.Edit = true;

}

RadGrid1.Rebind();

}

Any help will be appreciated.

Thanks

gc_0620

Grid

answered on 14 Jan 2016

3 answers

73 views

RadCompactButton Breaks Other Controls

With the latest update (2015.3.1111.4.5), I've noticed that if we have the following code:

<telerik:RadSocialShare ID="RadSocialShare1" runat="server">

<MainButtons>

<telerik:RadSocialButton SocialNetType="ShareOnTwitter" ToolTip="Tweet this" />

<telerik:RadSocialButton SocialNetType="ShareOnFacebook" ToolTip="Share on Facebook" />

<telerik:RadCompactButton ToolTip="Show more" />

</MainButtons>

</telerik:RadSocialShare>

ALL Telerik controls break across our site. Nothing works.

However, when I remove the RadCompactButton, it works again. This is the revised code that fixes the problem:

<telerik:RadSocialShare ID="RadSocialShare1" runat="server">

<MainButtons>

<telerik:RadSocialButton SocialNetType="ShareOnTwitter" ToolTip="Tweet this" />

<telerik:RadSocialButton SocialNetType="ShareOnFacebook" ToolTip="Share on Facebook" />

</MainButtons>

</telerik:RadSocialShare>

Just thought you'd want to know.

Chris Lee

SocialShare

answered on 13 Jan 2016

2 answers

94 views

RadGrid with StaticHeaders not displaying GridHyperLinkColumn

I have a RadGrid with Scrolling-AllowScroll="true" and Scrolling-UseStaticHeaders="true" but the GridHyperLinkColumn columns are not displayed. They do show up correctly when Scrolling-UseStaticHeaders="false".

Is there a way to show the GridHyperLinkColumn with Scrolling-UseStaticHeaders="true"?

01.<telerik:RadGrid ID="RadGrid2" runat="server" GridLines="None" Width="100%" PageSize="10000" AllowPaging="False" AutoGenerateColumns="False" OnNeedDataSource="RadGrid2_NeedDataSource" OnItemCreated="RadGrid2_ItemCreated" ShowStatusBar="False" AllowSorting="True" AllowFilteringByColumn="False" Skin="Web20">

02. <ClientSettings Scrolling-AllowScroll="true" Scrolling-UseStaticHeaders="true" AllowColumnsReorder="False" ReorderColumnsOnClient="False">

03. <Resizing AllowColumnResize="False" EnableRealTimeResize="False"></Resizing>

04. <Selecting AllowRowSelect="True"></Selecting>

05. </ClientSettings>

06. <FilterItemStyle Font-Size="8px" />

07. <PagerStyle ShowPagerText="False" AlwaysVisible="False" />

08. <MasterTableView Width="100%" DataKeyNames="OrderID,OrderNumber,OrderVendorItemID" AutoGenerateColumns="False" CommandItemDisplay="Bottom" >

09. <CommandItemSettings ShowAddNewRecordButton="False" ShowExportToExcelButton="True" ShowRefreshButton="False" />

10. <Columns>

11.

12. <telerik:GridHyperLinkColumn DataNavigateUrlFields="OrderID" ImageUrl="/icons/edit_20_16.png" Target="blank" DataNavigateUrlFormatString= "editorder.aspx?OrderID={0}" DataType="System.String">

13. <HeaderStyle Width="5px" />

14. <ItemStyle HorizontalAlign="Center" />

15. </telerik:GridHyperLinkColumn>

16.

17. <telerik:GridBoundColumn DataField="OrderNumber" HeaderText="Order No." SortExpression="OrderNumber" UniqueName="OrderNumber" DataType="System.String" Display="true" ItemStyle-HorizontalAlign="Center" >

18. <HeaderStyle Wrap="false" />

19. <ItemStyle Wrap="false" />

20. </telerik:GridBoundColumn>

21.</Columns>

22. </MasterTableView>

23. </telerik:RadGrid>

General Discussions

answered on 13 Jan 2016

1 answer

295 views

PDF export not applying custom stylesheet

Using the same exact markup and code on two different sites only difference is the Telerik.Web.UI.dll version.

The Q3 2015 version (2015.3.930.45) is not applying the custom style sheet on PDF export.

Is there a bug in that version regarding custom style on export? Very simple page below where I'm just changing the Header color from Green to Red on export to show it isn't working.

<!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>

<style type="text/css">

html .RadScheduler .rsHeader h2 {

color:green;

}

</style>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<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">

</script>

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

<AjaxSettings>

</AjaxSettings>

</telerik:RadAjaxManager>

<div class="exampleContainer">

<telerik:RadScheduler runat="server" ID="RadScheduler1" SelectedDate="2012-04-16"

OverflowBehavior="Auto">

<Reminders Enabled="true"></Reminders>

<TimeSlotContextMenuSettings EnableDefault="true"></TimeSlotContextMenuSettings>

<AppointmentContextMenuSettings EnableDefault="true"></AppointmentContextMenuSettings>

<ExportSettings OpenInNewWindow="true" FileName="SchedulerExport">

<Pdf PageTitle="Schedule" Author="Telerik" Creator="Telerik" Title="Schedule" StyleSheets="ExportStyle.css"></Pdf>

</ExportSettings>

</telerik:RadScheduler>

<p>

<telerik:RadButton ID="RadButton1" runat="server" Text="Export to PDF" OnClick="RadButton1_Click">

<Icon PrimaryIconUrl="Image/pdf.gif"></Icon>

</telerik:RadButton>

</p>

</div>

</form>

</body>

</html>

ExportStyle.css

html .RadScheduler .rsHeader h2 { color:red; }

Scheduler

answered on 13 Jan 2016

4 answers

569 views

Remove checkbox from first item in combobox

Hi,

Telerik.Web.UI v2013.3.1015.40

I have a simple usage scenario for a RadComboBox:

<telerik:RadComboBox ID="cbProducts" runat="server" Width="250px"

DataSourceID="dsProducts" DataTextField="ProductName"

DataValueField="ProductID" AppendDataBoundItems="true" CheckBoxes="True"

onitemchecked="dlProducts_ItemChecked" AutoPostBack="true">

<Items>

<telerik:radcomboboxitem Text="-- Select --" Value="" />

</Items>

</telerik:RadComboBox>

This allows the user to select multiple products by using the checkboxes. The problem is, it also allows the user to check the default '-- Select --' item that I have added as it also shows a checkbox, and there seems to be no 'ShowCheckbox' property on RadComboBoxItem that I can toggle.

How can I remove the checkbox on my first item in the RadComboBox?

Thanks.

ComboBox

answered on 13 Jan 2016

1 answer

66 views

Selecting mulitiple cells is not intuitive

Holding down Ctrl + mouseclick on a cell only makes sense to me if the developer tried to copy the MS Excel behavior.

But here a grid has a definded selection mode: single or not.

And i don´t understand why a user has to hold down a key just to add or remove a cells from selection?

In multiselection mode clicking on a cell should toggle its selection state. C´est ca.

In single-mode it clears all selections and then selects the cell clicked on.

Ever forgot holding down 'Ctrl' on the very last cell after 5 minutes of selecting cells? Then you know what i´m talking about....

Grid

answered on 13 Jan 2016

1 answer

154 views

RadCodeBlock and RadAjaxLoadingPanel integration

Hello to the forum!

I am new to Telerik but also to .NET framework, coming from a Java tech. background ... so i am the same moment implementing but also learning.

Fortunately both .NET framework and tools but also Telerik UI for ASP.NET AJAX are quite handy and easy to understand and use.

My issue description is the following:

I am building a complex webform .aspx page with quite alot of telerik controls (radhtmlcharts mainly, radcodeblocks, radtbs etc.). I have also a radbutton "Refresh", using which i am passing some parameters to vb page code and recalculate and redraw (ajaxmanager, ajaxloadingpanel) several elements. I use this technique to redraw all my charts inside an ajaxloading panel however i can not use an ajax loading panel to redraw some page parts (code variables) that are inside RadCodeBlocks.

Code inside RadCodeBlocks is executed and all variables are calculated upon button submission, what i am trying to achieve is to have the ajax loading icon/effects to be display over my RadCodeBlocks. You can see exactly what i mean if you check the screenshot attached.

Here is some relevant code from the .aspx page:

<%@ Page Language="VB" AutoEventWireup="true" CodeFile="CorporateView2.aspx.vb" Inherits="CorporateView2" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

...

<body>

<form id="form1" runat="server">

....

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadButton1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadHtmlChartAllExamsCountry" LoadingPanelID="AjaxLoadingPanel1" />

...

<telerik:AjaxUpdatedControl ControlID="RadCodeBlock1" LoadingPanelID="AjaxLoadingPanel1" />

...

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel1" runat="server" Skin="BlackMetroTouch">

</telerik:RadAjaxLoadingPanel>

<div class="container">

....

<div class="boxed one">

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<div class="title">Total Number of Exams</div>

<div class="maincon">

<%= TotalNumberOfExams %>

</div>

<div class="sub">On pace for 9898</div>

<div class="progress">+3.2%</div>

</telerik:RadCodeBlock>

</div>

....

<div class="col3">

<telerik:RadHtmlChart runat="server" ID="RadHtmlChartAllExamsCountry" Skin="Black" Height="270">

<Appearance>

<FillStyle BackgroundColor="#262626"></FillStyle>

</Appearance>

<ChartTitle Text="Total Number of Exams">

<Appearance>

<TextStyle Color="#7f7f7f" FontSize="18" FontFamily="Arial,sans-serif" Margin="5 0 0 0" Padding="0" Bold="true" Italic="false" />

</Appearance>

</ChartTitle>

<Legend>

<Appearance Position="Bottom" Align="Center" Visible="true" OffsetY="0">

<TextStyle Color="#8f8686" Padding="0" Margin="0" />

</Appearance>

</Legend>

<PlotArea>

<Series>

<telerik:DonutSeries Name="Country" DataFieldY="ProtocolsCountPerc" StartAngle="90" NameField="Country">

<TooltipsAppearance DataFormatString="{0:0,0.0}%" />

<LabelsAppearance Visible="true" DataFormatString="{0}" Color="#ffffff" DataField="ProtocolsCount" />

<Appearance FillStyle-BackgroundColor="#336ca6" Overlay-Gradient="Glass"></Appearance>

</telerik:DonutSeries>

</Series>

<YAxis>

</YAxis>

</PlotArea>

</telerik:RadHtmlChart>

</div>

...

Is it possible to have the ajax loading effects (icon etc.) over my RadCodeBlock? Do i have to use another telerik control to display variables from my vb code page or some other code blocks?

Thanks!

Ajax

answered on 13 Jan 2016