You can check your example :https://demos.telerik.com/aspnet-ajax/pdfviewer/applicationscenarios/dplintegration/defaultcs.aspx
This is my code:
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %><!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"> <title>Telerik ASP.NET Example</title> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.js"></script> <link href="styles.css" rel="stylesheet" /></head><body> <form id="form1" runat="server"> <telerik:RadScriptManager runat="server" ID="RadScriptManager1" /> <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" /> <script type="text/javascript"> window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.worker.js'; function pageLoad(app, args) { var upload = $find('<%= RadAsyncUpload1.ClientID %>'); $(upload.get_element()).find("input[type='file']").attr("accept", ".docx, .rtf, .html, .txt, .xlsx, .csv"); } function fileUploaded(sender, args) { $find('<%= RadAjaxManager1.ClientID %>').ajaxRequest(); } </script> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnablePageHeadUpdate="false"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="RadAjaxManager1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadAsyncUpload1" /> <telerik:AjaxUpdatedControl ControlID="RadPdfViewer1" LoadingPanelID="RadAjaxLoadingPanel1" /> <telerik:AjaxUpdatedControl ControlID="RadLabel1" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"> </telerik:RadAjaxLoadingPanel> <div class="demo-container size-wide" runat="server"> <telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" OnClientFileUploaded="fileUploaded" OnFileUploaded="RadAsyncUpload1_FileUploaded" AllowedFileExtensions=".docx,.rtf,.html,.txt,.xlsx,.csv" HideFileInput="true" AutoAddFileInputs="false" Localization-Select="Upload And Convert" EnableInlineProgress="false" MultipleFileSelection="Disabled" /> <telerik:RadLabel ID="RadLabel1" runat="server" Text="Displayed Document: <b>Document.pdf</b>" Style="float: left;"> </telerik:RadLabel> <telerik:RadLabel ID="RadLabel2" runat="server" Text="Supported formats: <b>.docx / .rtf / .html / .txt / .xlsx / .csv</b>" Style="float: right;"> </telerik:RadLabel> <br /> <br /> <br /> <div dir="ltr" runat="server"> <telerik:RadPdfViewer runat="server" ID="RadPdfViewer1" Height="550px" Width="100%" Scale="0.9" Skin="Default" RenderMode="Lightweight"> <%--<PdfjsProcessingSettings File="../../Document.pdf"></PdfjsProcessingSettings>--%> </telerik:RadPdfViewer> </div> </div> </form></body></html>
using System;using System.IO;using System.Text.RegularExpressions;using Telerik.Web.UI;using Telerik.Windows.Documents.Common.FormatProviders;using Telerik.Windows.Documents.Flow.FormatProviders.Docx;using Telerik.Windows.Documents.Flow.FormatProviders.Html;using Telerik.Windows.Documents.Flow.FormatProviders.Rtf;using Telerik.Windows.Documents.Flow.FormatProviders.Txt;using Telerik.Windows.Documents.Flow.Model;using Telerik.Windows.Documents.Spreadsheet.FormatProviders;using Telerik.Windows.Documents.Spreadsheet.FormatProviders.OpenXml.Xlsx;using Telerik.Windows.Documents.Spreadsheet.FormatProviders.TextBased.Csv;using Telerik.Windows.Documents.Spreadsheet.Model;namespace MCS.Web{ public partial class DefaultCS : BasePageClass { protected void Page_Load(object sender, EventArgs e) { int maxSize = 10 * 1024 * 1024; // 10MB RadAsyncUpload1.MaxFileSize = maxSize; RadPdfViewer1.MaxSerializerLength = maxSize; } protected void RadAsyncUpload1_FileUploaded(object sender, FileUploadedEventArgs e) { byte[] renderedBytes = null; string extention = Path.GetExtension(e.File.FileName); // RadFlow Documents if (Regex.IsMatch(extention, ".docx|.rtf|.html|.txt")) { IFormatProvider<RadFlowDocument> provider = null; RadFlowDocument document = null; switch (extention) { case ".docx": provider = new DocxFormatProvider(); break; case ".rtf": provider = new RtfFormatProvider(); break; case ".html": provider = new HtmlFormatProvider(); break; case ".txt": provider = new TxtFormatProvider(); break; default: provider = null; break; } document = provider.Import(e.File.InputStream); Telerik.Windows.Documents.Flow.FormatProviders.Pdf.PdfFormatProvider pdfProvider = new Telerik.Windows.Documents.Flow.FormatProviders.Pdf.PdfFormatProvider(); using (MemoryStream ms = new MemoryStream()) { pdfProvider.Export(document, ms); renderedBytes = ms.ToArray(); } } // Workbook Documents else if (Regex.IsMatch(extention, ".xlsx|.csv")) { IWorkbookFormatProvider provider = null; Workbook document = null; switch (extention) { case ".xlsx": provider = new XlsxFormatProvider(); break; case ".csv": provider = new CsvFormatProvider(); break; default: provider = null; break; } document = provider.Import(e.File.InputStream); Telerik.Windows.Documents.Spreadsheet.FormatProviders.Pdf.PdfFormatProvider pdfProvider = new Telerik.Windows.Documents.Spreadsheet.FormatProviders.Pdf.PdfFormatProvider(); using (MemoryStream ms = new MemoryStream()) { pdfProvider.Export(document, ms); renderedBytes = ms.ToArray(); } } RadLabel1.Text = "Displayed Document: <b>" + e.File.FileName + "</b>"; RadPdfViewer1.PdfjsProcessingSettings.FileSettings.Data = Convert.ToBase64String(renderedBytes); } }}
<telerik:RadListView runat="server" ID="RadListView1" BorderColor="White" onitemdatabound="RadListView1_ItemDataBound" BorderStyle="None" AllowPaging="True"> <ClientSettings></ClientSettings> <ItemTemplate> <div style="border-bottom:1px solid gray;padding-left:15px;"> <table cellpadding="2px" cellspacing="2px" border="0"> <tr> <td class="LabelWidth" style="margin-left:2%; vertical-align:middle;font-family: Georgia,serif;"> <asp:Label ID="Label4" runat="server" Text='<%# (DataBinder.Eval(Container.DataItem,"PermissionItemName")) %>'></asp:Label> </td> <td> </td> <td valign="middle"> <asp:CheckBoxList ID="Listbox_Permission" CellSpacing="10" CellPadding="5" runat="server" RepeatDirection="Horizontal" CssClass="CheckboxList" AutoPostBack="false" > </asp:CheckBoxList> </td> </tr> </table> </div> </ItemTemplate> </telerik:RadListView>
Thanks,
Rahul
I need to manually select the first list matching item and turn it into a token.
Reading the documentation I think that the way to go would be within the example below:
var autoComplete = $find("<%= RadAutoCompleteBox1.ClientID %>");var newEntry = autoComplete.createEntry('Text', 'Value');var entries = autoComplete.get_entries();entries.add(newEntry);
However instead to create newEntry manually I need to capture the first item in the list that matches user typing (text and value). Any idea?
Thanks!
Hello,
my Telerik license has been renewed however when I logged in and try to download latest version it showing that I do not have license and cannot download any new version.
Please advise.
Thanks.
Vitaly.

I found an issue with the context menu. I tried in the demo to right click on an empty area/on a word and expects that the default context menu should show up with copy/paste etc... Only the native browser (Chrome 83) menu shows up. Shouldn't this work by default?
In my code i have been using this to add a custom menu, but it doesnt work due to the above issue i guess.
Is there any documentation how to add items for all tags, in the code below I use *, and seen other examples with BODY
MyRadEditor.EnsureToolsFileLoaded();var contextMenu = MyRadEditor.ContextMenus.FindByTagName("*");var editorTool = new EditorTool("Toolname");
editorTool.ShowIcon = false;
contextMenu.Tools.Add(editorTool);

RadGridComparableAnalysis.MasterTableView.AutoGeneratedColumns[columnCounter].ItemStyle.BackColor =
Color.White;
var grdColumns = new Array(masterTable.get_columns().length);
//Get all columns
grdColumns = masterTable.get_columns();
//Navigate to all columns and chage background color for the required columns
for (var columnCounter = 0; columnCounter < masterTable.get_columns().length; columnCounter++) {
var remainder = (columnCounter % 2);
if (remainder == 0) {
var grdColumn = grdColumns[columnCounter];
//masterTable.getColumnByUniqueName(grdColumn.get_uniqueName()).backColor = "Blue";
//masterTable.autoGeneratedColumns[columnCounter].itemStyle.iackColor = "Blue";
}
}
Thanks

is there a way to show the lightbox from code behind.
e.g. RadLightBox1.Show()

Hello,
I am getting glitches trying to
connect AdventureWorks2012 db to Telerik UI webapp.
How can I connect some data to a chart?
I m readin the tutorials, but now sure how to synch
then grab data and drop evrything in the chart.

Hi Telerik,
We use buttons across the page as navigation. So all buttons are setup as follows:
<telerik:RadPageLayout runat="server" GridType="Fluid" ShowGrid="false"> <Rows> <telerik:LayoutRow CssClass="LayoutRowStyle LayoutRowHamburger"> <Columns> <telerik:LayoutColumn Span="2" SpanXs="12" SpanSm="6" SpanMd="3"> <div class="divStandard"> <telerik:RadButton runat="server" ID="RadButtonBoardDetails" CausesValidation="false" AutoPostBack="false" Text="Details" Width="100%" OnClientClicked="OnClientClickedNavSubButton" RenderMode="Lightweight" ToggleType="CheckBox" Checked="true" CommandArgument="../boards/boarddetails.aspx"> </telerik:RadButton> </div> </telerik:LayoutColumn> <telerik:LayoutColumn Span="2" SpanXs="12" SpanSm="6" SpanMd="3"> <div class="divStandard"> <telerik:RadButton runat="server" ID="RadButtonCreate" CausesValidation="false" AutoPostBack="false" Text="New" Width="100%" OnClientClicked="OnClientClickedNavSubButton" RenderMode="Lightweight" CommandArgument="../boards/helper/boardcreate.aspx"> <Icon PrimaryIconCssClass="rbAdd" /> </telerik:RadButton> </div> </telerik:LayoutColumn> <telerik:LayoutColumn Span="2" SpanXs="12" SpanSm="6" SpanMd="3"> <div class="divStandard"> <telerik:RadButton runat="server" ID="RadButtonBoardGroupLinks" CausesValidation="false" AutoPostBack="false" Text="Group Links" Width="100%" OnClientClicked="OnClientClickedNavSubButton" RenderMode="Lightweight" CommandArgument="../boards/boardgrouplinks.aspx"> </telerik:RadButton> </div> </telerik:LayoutColumn>..... </Rows> </telerik:RadPageLayout>
So when the button is clicked we keep it "checked" and the theme looks like an "active" page for that button. This ONLY works with some themes. How can we change this in our Skin specific CSS, that would let us keep a checked state, like its being Hovered.
Ex: The first button is marked checked and if using the "Simple" theme, it looks nice when checked. If the "Web20" is used, the checked does nothing to the checked state CSS of the button.
As you can see from the attach files, the Web20 has the same CSS as checked and unchecked.
All of the Skins handle the checked state CSS differently. We would like to control is via stylesheets.
Thanks for the help!
