Questions on UI for ASP.NET AJAX Forum

2 answers

423 views

Adding a html button to a Radwindow dynamically on the front end

The code below works i the code behind but I need a rough equivalent doing this on the front end using js.

RadWindow rw = new RadWindow();

          btn.Style.Add("position", "absolute");
            btn.Style.Add("bottom", "5px");
            btn.Style.Add("right", "10px");

rw.ContentContainer.Controls.Add(btn);

Thanks in advance for any suggestions.

General Discussions

answered on 27 May 2020

8 answers

1.8K+ views

[Solved] Retain uploaded files for display after postback / validation problems

Hi, i've prepared a form using Rad controls and i need to use 3 controls to Upload files. I had some first problem to validate these controls, solved using hidden fields that I value when a file is uploaded.

So when I press the Submit button (RadButton) the page is actually validated, but if there are problems on some other fields than RadAsyncUpload, the result is that the upload control loses the correct information on display.

I'm using Ajax, Telerik UI R2 2019, the jquery version i see is v1.12.4, Page_ValidationVer = "125";

I've read many discussions, but there's something wrong in my case.

https://docs.telerik.com/devtools/aspnet-ajax/controls/button/how-to/radbutton-validation-and-client-side-event-handlers

I tried to intercept the validation in order to maybe implement something like this

https://www.telerik.com/forums/retain-uploaded-files-for-display-after-postback

but I can't, because if I try to call the function Page_ClientValidate it always returns TRUE.

function Page_ClientValidate(validationGroup) {

Page_InvalidControlToBeFocused = null;

if (typeof(Page_Validators) == "undefined") {

return true;

}

var i;

for (i = 0; i < Page_Validators.length; i++) {

ValidatorValidate(Page_Validators[i], validationGroup, null);

}

ValidatorUpdateIsValid();

ValidationSummaryOnSubmit(validationGroup);

Page_BlockSubmit = !Page_IsValid;

return Page_IsValid;

}

Trying in debug i see that Page_Validators = undefined so the function exit with 'true'

The form submit correctly and server-side i see Page.IsValid property values but I need to perform the submit only where all fields are compiled or the asyncupload controls mantains their state after validation.

Could there be confusion between client and server validation?

Do you have any ideas? Thanks

AsyncUpload

answered on 27 May 2020

35 answers

1.7K+ views

Set Height to 100% problem

Hello,

I can't set the hight to 100%, only the width.

My code:

<telerik:RadFileExplorer runat="server" ID="FileExplorer1" Width="100%" Height="100%"

OnClientItemSelected="OnClientItemSelected" style="display:block; float: none">

FileExplorer

answered on 27 May 2020

1 answer

136 views

Radwindow won't move

I am creating radwindows dynamically with js and I am using this syntax and when the window renders it doesn't move when prompted to. It stays in one fixed position

...

radWindow.set_behaviors("Telerik.Web.UI.WindowBehaviors.Move");

...

Thanks in advance for any suggestions.

Window

answered on 26 May 2020

1 answer

422 views

Info on use of PDFVIEWER Server Side

Hi, i'm trying your control suite and i started to try the control in subject following the demo ccode of your website and all works fine if i use the default document ( <PdfjsProcessingSettings File="prev.pdf">
</PdfjsProcessingSettings>). But what should i do if i want to pass the file name in runtime mode dynamically? I tried this:

.ASPX FILE

<%@ Page Language="VB" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="PdfProva._Default" %>

<!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>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.js"></script>
<script type="text/javascript">
    window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.worker.js';
</script>
    <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">
        //Put your JavaScript code here.
    </script>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
    <div>
        <telerik:RadAjaxPanel runat="server">
    <asp:Button ID="Button1" runat="server" Text="Get File Name" OnClick="Button1_Click" />
    <asp:Label ID="Label1" runat="server"></asp:Label>
    <telerik:RadPdfViewer runat="server" ID="RadPdfViewer1" Height="450px" Width="1000px"
        Skin="Default" RenderMode="Lightweight">
        <PdfjsProcessingSettings>
        </PdfjsProcessingSettings>
    </telerik:RadPdfViewer>
</telerik:RadAjaxPanel>
    </div>

    </form>
</body>
</html>

VB FILE

Imports Telerik.Web.UI

Partial Class _Default
    Inherits System.Web.UI.Page

    Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click
        Dim filename As String = Server.MapPath("~/prev.pdf")
        RadPdfViewer1.PdfjsProcessingSettings.File = filename
        Dim currentPage = RadPdfViewer1.ActivePage
        Dim result As String = String.Format("Opened file with name: <strong>{0}</strong> on page: <strong>{1}</strong><br />", filename, currentPage)
        Label1.Text = result
    End Sub
End Class

The result is that issue an error "PDF file fails to process".

How to solve?

PdfViewer

answered on 26 May 2020

6 answers

247 views

Filter Window Values Cutoff

There seems to be some format issues with the base Filter Window. It either does not show the save buttons without scrolling, and applying filters where the side menu pops out almost always requires scrolling.

I can set a height or min height and that seems to help with seeing the buttons, but the slide out filter menu even with a min width or width sometimes requires scrolling. And sometimes (but not always) the filter box "blue area" in the screenshot widens to take up the entire window area.

PivotGrid

answered on 26 May 2020

3 answers

243 views

Overriding Radwindow default style using js

I am trying to override the default style of a radwindow using js...I see this is simple to do in the code behind, but I need a way to do it on the front end as well. This is what i've tried.

var radWindow = $find("<%=RadWindowManager1.ClientID%>").Open(null,null);
          radWindow.setSize(640, 480);
            radWindow._cssClass = " customClass";
            radWindow.set_title("Fubar");
            radWindow.setActive(true);
            radWindow.SetModal(true);
            radWindow.center();

            radWindow.set_visibleStatusbar(false)
            radWindow.set_keepInScreenBounds(true);

The window opens but the custom class isn't applied. Thanks in advance for any suggestions.

General Discussions

answered on 26 May 2020

4 answers

391 views

[Solved] Need to indent Text on Excel & PDF Exports

I have a grid that I'm able to indent a set of text on the webpage but not able to maintain this formatting on PDF & Excel exporting.

Grid

answered on 25 May 2020

4 answers

8.9K+ views

Rad:Grid Change Row BackGround Color

Depending on data within row. if column "Behind90Days" is 1 then I need to make the entire row
within the datagrid some shade of red to alert the user. Have looked through too many examples
that don't seem to touch of entire row but individual columns?

In the ItemDataBound event, check the value 'Behind90Days' if it's == 1 then change entire
background color of that row to red!

Thanks!

Jim D

Grid

answered on 25 May 2020

1 answer

130 views

[Solved] Context Menu

Hi,

I am trying to get RadContext menu on grid items but it doesn't work on Google chrome. It works fine with Internet Explorer. Any help to get it compatible with chrome would be great.

I am attaching the images of Chrome and Internet Explorer

Thanks in advance,

Swanand

Grid

answered on 25 May 2020