Questions on UI for ASP.NET AJAX Forum

6 answers

667 views

Load aspx different page each tab

In my application I have one form called [Main.aspx] :

In this page i put one tab strip called [RadTab1] and it have following tabs :

1.Home

2.Abouut Us

3.Contact Us

4.Feedback

Now what I want is when user click on Home tab at that time Home.aspx will be load under corrosponding page view...

When click on abount us then AboutUs.aspx ,similarly for other two..

I do no want to do this with master page and user controls..every thing should be in Main.aspx.

I have tried following code but it redirect me to another page .

<telerik:RadTabStrip ID="radTabMain" runat="server" Width="100%" MultiPageID="RadMultiPage1"

SelectedIndex="0">

<Tabs>

<telerik:RadTab Text="Home" NavigateUrl="Home.aspx" runat="server">

</telerik:RadTab>

<telerik:RadTab Text="AbouutUs" NavigateUrl="AbouutUs.aspx" runat="server">

</telerik:RadTab>

<telerik:RadTab Text="Contact Us" NavigateUrl="Contact.aspx" runat="server">

</telerik:RadTab>

<telerik:RadTab Text="Feedback" NavigateUrl="Feedback.aspx" runat="server">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0">

<telerik:RadPageView ID="RadPageView1" runat="server">

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView2" runat="server">

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView3" runat="server">

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="RadPageView1">

</telerik:RadPageView>

</telerik:RadMultiPage>

So what ot do in this case ?

Please help me. Please send me code for this.

-Thanks
Albert

TabStrip

answered on 13 Jun 2019

2 answers

257 views

RadGrid Export to PDF

Hi,
I am using Export to PDF from RadGrid, I need to decorate my data in the PDF file, I could change font color and some other simple stuff I need to know more changes I can do and how can I do it and especially Cell Borders ..
Second Thing , Can I add additional data to my PDF or Word or Excel Sheet ? not only the Grid data but more data I need to put on my output file ..
Can you help me please with this ..
Thanks

Ban

Grid

answered on 13 Jun 2019

1 answer

168 views

Static Master grid/Dynamic Detail Grid

What I am trying to do is have a RadGrid that will display 5 static questions followed by the detail? The detail records will be dynamic and come from the database.

Example

<Header Row> File Name and Created On

<Static Question>1. Do you have any special agreements?

<Detail Record(s)> This will list all files associated with question 1

<Static Question>2. Attach financial statements for last 3 months

<Detail Record(s)>List all files associated with question 2

Grid

answered on 13 Jun 2019

1 answer

204 views

How to Enable AddNewRecord RadGrid

I I tried to block the addition of the grid. But when I clicked to add a row by trying to block the grid It can be added

By which I click on the symbol plus it cannot But when i click on the message it will add a row

I don want it's Add New Row in block radgrid

now I block it's but it Add new row
Attach files : Pic1 and Pic2

Grid

answered on 13 Jun 2019

1 answer

211 views

Server-side loading panel initiation

Hi,

I have a large ASPX app using Telerik controls and would like to add logic to display a loading panel while a file upload or download operation is being performed.

The loading panel would need to be controlled from the server side, both for showing and hiding. Can this be done?

AjaxLoadingPanel

answered on 13 Jun 2019

3 answers

378 views

Morning, afternoon, evening timeslot

Hi all,
I want customization the RadSchedule lock like attachment picture. Please help me.
Thanks

Scheduler

answered on 12 Jun 2019

1 answer

530 views

How to Display Images automatically in my GridImageColumn from my images folder?

I'm trying to display images on my gridimagecolumn without me having to upload it myself but instead it does it automatically when i load the grid. How do I do that?

My template is =>

<telerik:GridBinaryImageColumn DataField="Profile" HeaderText="Profile" UniqueName="Upload" ImageHeight="60px" ImageWidth="60px" ResizeMode="Fit"></telerik:GridBinaryImageColumn>

I haven't yet figure the code out on how to go about this...This is what I have so far.

protected void uxUsedGrid_InsertCommand(object source, GridCommandEventArgs e)

{

_InsertCommand(source, e);

}

private void _InsertCommand(object source, GridCommandEventArgs e)

{

GridEditFormInsertItem insertItem = e.Item as GridEditFormInsertItem;

RadAsyncUpload radAsyncUpload = insertItem["Upload"].FindControl("AsyncUpload1") as RadAsyncUpload;

UploadedFile file = radAsyncUpload.UploadedFiles[0];

byte[] fileData = new byte[file.InputStream.Length];

file.InputStream.Read(fileData, 0, (int)file.InputStream.Length);

}

protected void AsyncUpload1_FileUploaded(object sender, FileUploadedEventArgs e)

{

long totalBytes = 0;

int MaxTotalBytes = 1000000;

if ((totalBytes < MaxTotalBytes) && (e.File.ContentLength < MaxTotalBytes))

{

e.IsValid = true;

totalBytes += e.File.ContentLength;

IsRadAsyncValid = true;

}

else

{

e.IsValid = false;

IsRadAsyncValid = false;

}

I have look at this Demo and while it was helpful, it mostly focused on the client uploading the files and basing it off from that to upload the images.

Any help is appreciated!

Grid

answered on 12 Jun 2019

5 answers

451 views

[Solved] Microsoft Edge JavaScript Error

RadDatePicker inside UpdatePanel in Microsoft Edge browser throws JavaScript error when doing a post-back (see attached image).

The error: "Unable to get property 'length' of undefined or null reference".

Any ideas how to fix this, or a work-around?

Microsoft Edge 44.17763.1.0

Telerik Controls: Telerik.Web.UI, Version=2019.1.409.45

My Code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="EdgeDatePickerIssue.Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>Default</title>

</head>

<body>

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

<asp:ScriptManager ID="ScriptManager" runat="server" ScriptMode="Release" />

<asp:UpdatePanel runat="server" ID="upPanel">

<ContentTemplate>

<label>Select Date:</label>

<telerik:RadDatePicker ID="dpStartDate" runat="server"

MaxDate="2020-01-01" MinDate="2000-01-01"

AutoPostBack="true" OnSelectedDateChanged="dpStartDate_SelectedDateChanged" />

<telerik:RadButton ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" />

</ContentTemplate>

</asp:UpdatePanel>

</form>

</body>

</html>

DatePicker

answered on 12 Jun 2019

3 answers

208 views

down load source code

https://demos.telerik.com/aspnet-ajax/grid/examples/functionality/exporting/excel-export-multiple-grids/defaultcs.aspx?product=grid

Just now，i copy the source code(only aspx and aspx.cs) from this demo，but can not run.

My question is :

Can I download the all the source code (include dll and others) about this demo?

Grid

answered on 12 Jun 2019

8 answers

763 views

[Solved] Simple tuto about how to use radconfirm() in radbutton

Hi. it is my primer tuto post.
Topic: how use RadConfirm() function in a button (or another control with similar ClientEvents) without make a full postback (just it is different to use confirm javascript function).

scenario:
Asp.net framework 4, RadControls for asp.net 2011 Q2, c# development

Steps.
1.    Add this controls to you aspx file.
    RadScriptManager
    RadAjaxManager
    RadWindowManager
    RadButton
    Another controls that satisfy your needs.
2.    Set ajax manager to your fits, for example set radbutton as fire control and a image control as updated control
3.    Set onClientClicked event of your radbutton as: 'CheckItem'
4.    Set CommandName argument as 'btnShowImage' (or of you preference, this must identify unique control)

<telerik:RadButton ID="btnShowImage" runat="server" Text="Show Image"

OnClick="btnShowImage_Click" CommandName="btnShowImage"

onclientclicked="CheckItem">

</telerik:RadButton>

5. include next javascript code in your aspx file.

function CheckItem(sender, e) {

if (sender._commandName == "btnShowImage") {

RadConfirm("¿are sure?", btnShowImageResume, 330, 100, null, "Confirm.");

sender.set_autoPostBack(false);

}

else {

sender.set_autoPostBack(true);

}

function btnShowImageResume(arg) {

if (arg) {

__doPostBack("btnShowImage", "onclick");

}

Explain: btnShowImage is a button which when pressed displays the image in an image field (or your explicit need). this button must have some postback event for this example 'onclick' event (behind code). when user clicks on the radbutton fires client side event 'CheckItem' if command name parameter match with button then function call RadConfirm method: "RadConfirm(confirm message, javascript function that be executed after user take a decision, width, height, objet reference, message tittle

);"

After, javascript cancel objet postback (preventing that compiler continues with onclick event code.) else continues with postback.

When user takes a decision RadConfirm call resume function in this example:'btnShowImageResume' function, this function validate if arg parameter (result) is true then executes onclick event of the control else does not do nothing (you can execute another event if you want). when we call to _dopostback javascript function, RadAjaxManager evalues situation and execute its.



I hope they will be of great help.

General Discussions

answered on 11 Jun 2019