Telerik Forums
UI for ASP.NET AJAX Forum
4 answers
390 views

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">
<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);
        }
    }
}
Eyup
Telerik team
 answered on 02 Jul 2020
4 answers
579 views
Hi,

I want to find a check_box_list controls check_box count in Rad_list_view on client side. how can get it.
please provide solutions.
My code as follows
<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
Eyup
Telerik team
 answered on 02 Jul 2020
2 answers
86 views

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!

Yan Moura
Top achievements
Rank 1
Veteran
Iron
 answered on 01 Jul 2020
15 answers
725 views

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.

 

Rumen
Telerik team
 answered on 01 Jul 2020
6 answers
549 views
Hi,
   I want to do when i selected AutoCompleteBox  item i want to do a postback and get the selected items id on server side.so provide solutions.
Thanks,
Rahul
Ciupaz
Top achievements
Rank 2
Veteran
 answered on 01 Jul 2020
1 answer
190 views

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);

Rumen
Telerik team
 answered on 01 Jul 2020
4 answers
699 views
Hello,

is there a way to accomplish the following task using the RadGrid client side API:

RadGridComparableAnalysis.MasterTableView.AutoGeneratedColumns[columnCounter].ItemStyle.BackColor =

Color.White;

 


As you can noticed from the following code, i'm able to get the object of target column but could not find a property which can allow me to change the background color. Please let me know what i'm missing here

//Define array of columns

 

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

 

Attila Antal
Telerik team
 answered on 30 Jun 2020
4 answers
288 views

is there a way to show the lightbox from code behind.


e.g. RadLightBox1.Show()

Attila Antal
Telerik team
 answered on 30 Jun 2020
1 answer
125 views

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.

Vessy
Telerik team
 answered on 30 Jun 2020
2 answers
149 views

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!

 

 

 

 

Doncho
Telerik team
 answered on 29 Jun 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?