Questions on UI for ASP.NET AJAX Forum

110,804 questions

1 answer

346 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

659 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

100 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

195 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

1 answer

112 views

Error while selecting combobox

Hello there,

I have combox, I am using a treeview to populate its data. When I am selecting the combobox it throws me the following error.

OS - os version: OS X EI Captain version 10.11.2

browser - safari version: 9.0.2 (11601.3.9)

Error

Failed to load resource: Could not connect to the server.
_initRightToLeftScriptResource.axd:8396TypeError: null is not an object (evaluating 'c.set_additionalQueryString')
_initRightToLeftScriptResource.axd:8395
initializeScriptResource.axd:8332
endUpdateTelerik.Web.UI.WebResource.axd:2:49050
endCreateComponentsTelerik.Web.UI.WebResource.axd:2:63458
_raiseInitTelerik.Web.UI.WebResource.axd:2:65559
_doInitializeTelerik.Web.UI.WebResource.axd:2:63974
(anonymous function)Telerik.Web.UI.WebResource.axd:2:65784
(anonymous function)Telerik.Web.UI.WebResource.axd:2:50713
pTelerik.Web.UI.WebResource.axd:2:558
_2PassTelerik.Web.UI.WebResource.axd:2:50697
FTelerik.Web.UI.WebResource.axd:2:1539
dTelerik.Web.UI.WebResource.axd:2:1898
cTelerik.Web.UI.WebResource.axd:2:1294

ComboBox

answered on 13 Jan 2016

3 answers

442 views

Batch Edit Mode handle ItemBound and ItemCommand event

I have a RadGrid in batch edit mode.
I have a EditTemplate column which has a dropdown. On selection change of the dropdown I want to show\hide column is the next adjacent column the column that I can show can be Text box or Listbox + Texbox + button.
Also I need to handle the button click of this button in the edit mode.

For show\hide of control based of dropdown value selected I expect the ItemBoundEvent to fire and
to handle the button click event I expect ItemCommandEvent event to fire.

But it seems that in Batch Edit mode neither of the above two events gets fired. So I'm stuck on how to implement this functionality.

How do I achieve this functionality in this case?
Thank you

Grid

answered on 13 Jan 2016

3 answers

411 views

Telerik Radgrid SelectedCellChanged event

I have a Radgrid with 4 ItemTemplate columns each item template column has a Textbox. I need to fire SelectedCellChanged event when I move (click tab) from one cell (textbox) to other cell (I need to call a method which does calculations whenever a cell is changed). Please suggest.

Thanks in advance.

Note: I'm working on a web application using c#.

Regards,
Mohan.

General Discussions

answered on 13 Jan 2016

1 answer

184 views

Telerik Grid DataBind performance issue

We have nearly 160+ records in Telerik Grid added to aspx page and if the number of records in the database is going to be increased, it is taking lot of time to execute the DataBind() method executing line even though the SP is getting the data in less time. Please let us know the reason for this Telerik Grid behaviour and also the solution, if any to resolve this...

Regards:

Ravi Chandra.D

Grid

answered on 13 Jan 2016

1 answer

188 views

RadPanelBar in RadView - Click

I have a RadView and I add data and controls to it. There is a checkbox and two labels. I also add in a Rad Panel to allow for collapse/expand of a RadEditor. All seems to work, except the click event. I need two clicks to expand the RadPanelItem (once it seems to get focus and then the second to open) This only happens once - after that a single click expands and then a single click collapses the RadPanel. Also the down arrow disappears.

How can I stop the initial two click requirement?

example asp

<asp:WizardStep ID="wsoptionQuestions" StepType="Step" Title="option Questions"

runat="server">

<h3 style="background-color: #4D85AC;">

<asp:Literal ID="litoptionQuestionsTitle" runat="server">option Questions</asp:Literal></h3>

<p class="instructionBlue">

<asp:Literal ID="litoptionQuestionsInstructions" runat="server">You may want to collect option.</asp:Literal></p>

<div class="selectAll">

<asp:LinkButton ID="lboptionQuestionSelectAll" CausesValidation="false" ToolTip="Click here to select all option questions"

runat="server">Select All</asp:LinkButton> | <asp:LinkButton ID="lboptionQuestionClearAll"

CausesValidation="false" ToolTip="Click here to unselect all option questions"

runat="server">Clear All</asp:LinkButton>

</div>

<telerik:RadListView ID="lvoptionQuestions" DataKeyNames="optionQuestionID"

ItemPlaceholderID="itemPlaceHolder" runat="server">

<LayoutTemplate>

<fieldset>

<asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder>

</fieldset>

</LayoutTemplate>

<ItemTemplate>

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" Skin="Telerik" Width="100%" ExpandMode="FullExpandedItem">

<Items>

<telerik:RadPanelItem ID="RadPanelItem" runat="server" Enabled="True">

<Items>

<telerik:RadPanelItem ID="RadPanelItemItem" runat="server" />

</Items>

<ItemTemplate>

<div class="module" style="width: 100%; float: left">

<asp:Table ID="tbloptionQuestion" CellPadding="0" CellSpacing="0" CssClass="formTable"

runat="server">

<asp:TableRow CssClass="formRow">

<asp:TableCell CssClass="formPrompt" Style="width: 4%">

<asp:CheckBox ID="cboptionQuestionSelected" ToolTip="Check this box to select this option question"

OnCheckedChanged="cboptionQuestion_CheckedChanged" runat="server" />

</asp:TableCell>

<asp:TableCell CssClass="formPrompt" Style="width: 4%">

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

</asp:TableCell>

<asp:TableCell CssClass="formValue" Style="width: 90%">

<asp:Label ID="lbloptionQuestion" runat="server"></asp:Label><asp:Label ID="lbloptionQuestionDisabled"

Enabled="false" Text="<br />This question is not available for this location."

Visible="false" runat="server"></asp:Label>

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</div>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

<ItemTemplate>

<div class="module" style="width: 100%; float: left">

<asp:HiddenField ID="hfoptionQuestionName" runat="server" Value='<%#Eval("optionQuestionShort")%>' />

<asp:Table ID="tbloptionQuestionDisclaimer" CellPadding="0" CellSpacing="0"

CssClass="formTable" runat="server">

<asp:TableRow CssClass="formRowShaded">

<asp:TableCell Style="width: 99%" ColumnSpan="3">

<p class="instructionBlue">

<asp:Literal ID="litoptionQuestionDisclaimer" runat="server">If you have selected any option.</asp:Literal>

<asp:Literal ID="litoptionQuestionDisclaimerDefault" runat="server">Click on the

DEFAULT button to import the default text for this disclaimer.</asp:Literal>

</p>

</asp:TableCell>

</asp:TableRow>

<asp:TableRow CssClass="formRowShaded">

<asp:TableCell Style="width: 99%" ColumnSpan="3">

<strong>

<asp:Literal ID="litoptionDisclaimerPrompt" runat="server">option Disclaimer</asp:Literal>:</strong>

<asp:CustomValidator ID="cvoptionDisclaimer" ControlToValidate="tboptionDisclaimer"

CssClass="error" Display="Dynamic" ErrorMessage="<br />You have selected option questions. You must also provide a disclaimer."

ForeColor="" SetFocusOnError="true" ValidateEmptyText="true" runat="server"></asp:CustomValidator>

<telerik:RadEditor ID="radoptionDisclaimer" AutoResizeHeight="false" BorderColor="#4D85AC"

BorderStyle="Solid" BorderWidth="1px" ContentAreaCssFile="~/app_themes/editor.css"

EditModes="Design" ExternalDialogsPath="~/RadEditorDialogs/EditorDialogs/" EnableEmbeddedSkins="true"

Height="180px" StripFormattingOptions="ConvertWordLists,Css,MSWordNoMargins,Span"

Skin="Metro" Width="99%" runat="server" OnClientLoad="OnClientLoad">

<CssFiles>

<telerik:EditorCssFile Value="~/app_themes/editor.css" />

</CssFiles>

<Tools>

<telerik:EditorToolGroup Tag="AppearanceToolbar">

<telerik:EditorDropDown Name="FormatBlock" Text="Normal">

</telerik:EditorDropDown>

<telerik:EditorDropDown Name="FontName" Text="Font">

</telerik:EditorDropDown>

<telerik:EditorDropDown Name="RealFontSize" Text="Size">

</telerik:EditorDropDown>

<telerik:EditorTool Name="StripAll" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="ColorToolbar">

<telerik:EditorSplitButton Name="ForeColor" Text="Color">

</telerik:EditorSplitButton>

<telerik:EditorSplitButton Name="BackColor" Text="Background">

</telerik:EditorSplitButton>

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="LinkToolbar">

<telerik:EditorTool Name="LinkManager" Text="Change Link" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="AlignmentToolbar">

<telerik:EditorTool Name="JustifyLeft" />

<telerik:EditorTool Name="JustifyCenter" />

<telerik:EditorTool Name="JustifyRight" />

<telerik:EditorTool Name="JustifyFull" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="IndentToolbar">

<telerik:EditorTool Name="Indent" />

<telerik:EditorTool Name="Outdent" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="ListToolbar">

<telerik:EditorTool Name="InsertOrderedList" />

<telerik:EditorTool Name="InsertUnorderedList" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="LineToolbar">

<telerik:EditorTool Name="InsertHorizontalRule" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="FormatToolbar">

<telerik:EditorSeparator />

<telerik:EditorTool Name="Bold" ShortCut="CTRL+B / CMD+B" />

<telerik:EditorTool Name="Italic" ShortCut="CTRL+I / CMD+I" />

<telerik:EditorTool Name="Underline" ShortCut="CTRL+U / CMD+U" />

<telerik:EditorTool Name="StrikeThrough" />

<telerik:EditorSeparator />

<telerik:EditorTool Name="Superscript" />

<telerik:EditorTool Name="Subscript" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="ClipboardToolbar">

<telerik:EditorTool Name="SelectAll" ShortCut="CTRL+A / CMD+A" />

<telerik:EditorTool Name="Cut" ShortCut="CTRL+X / CMD+X" />

<telerik:EditorTool Name="Copy" ShortCut="CTRL+C / CMD+C" />

<telerik:EditorTool Name="Paste" ShortCut="CTRL+V / CMD+V" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="UndoToolbar">

<telerik:EditorSplitButton Name="Undo">

</telerik:EditorSplitButton>

<telerik:EditorSplitButton Name="Redo">

</telerik:EditorSplitButton>

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="PrintToolbar">

<telerik:EditorTool Name="Print" ShortCut="CTRL+P / CMD+P" />

</telerik:EditorToolGroup>

</Tools>

</telerik:RadEditor>

<asp:Panel ID="pnloptionDisclaimerDefault" CssClass="formPanel" Visible="false"

runat="server">

<asp:Button ID="btnoptionDefault" CausesValidation="false" Text="Default" ToolTip="Click here to import the default option disclaimer"

OnClick="btnoptionDefault_Click" runat="server" />

<asp:Label ID="lbloptionDisclaimerDefault" Visible="false" runat="server"></asp:Label>

</asp:Panel>

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</div>

</ItemTemplate>

</telerik:RadPanelBar>

</ItemTemplate>

<AlternatingItemTemplate>

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" Skin="Telerik" Width="100%" ExpandMode="FullExpandedItem">

<Items>

<telerik:RadPanelItem ID="RadPanelItem" runat="server" Enabled="True">

<Items>

<telerik:RadPanelItem ID="RadPanelItemItem" runat="server" />

</Items>

<ItemTemplate>

<div class="module" style="width: 100%; float: left">

<asp:Table ID="tbloptionQuestion" CellPadding="0" CellSpacing="0" CssClass="formTable"

runat="server">

<asp:TableRow CssClass="formRow">

<asp:TableCell CssClass="formPrompt" Style="width: 5%">

<asp:CheckBox ID="cboptionQuestionSelected" ToolTip="Check this box to select this option question"

OnCheckedChanged="cboptionQuestion_CheckedChanged" runat="server" />

</asp:TableCell>

<asp:TableCell CssClass="formPrompt" Style="width: 5%">

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

</asp:TableCell>

<asp:TableCell CssClass="formValue" Style="width: 90%">

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

<asp:Label ID="lbloptionQuestionDisabled" Enabled="false" Text="<br />This question is not available for this location."

Visible="false" runat="server"></asp:Label>

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</div>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

<ItemTemplate>

<div class="module" style="width: 100%; float: left">

<asp:HiddenField ID="hfoptionQuestionName" runat="server" />

<asp:Table ID="tbloptionQuestionDisclaimer" CellPadding="0" CellSpacing="0"

CssClass="formTable" runat="server">

<asp:TableRow CssClass="formRowShaded">

<asp:TableCell Style="width: 99%" ColumnSpan="3">

<p class="instructionBlue">

<asp:Literal ID="litoptionQuestionDisclaimer" runat="server">If you have selected any options. </asp:Literal>