Questions on UI for ASP.NET AJAX Forum

1 answer

201 views

I am using Detail Item Template for displaying some extra information on radgrid. I want to highlight the Detail Item Template row as well as its parent row while clicking on the Detail Item Template row. Is there any way to handle Detail Item Template row's click event? Any help will be highly appreciated.
Thanks in advance.

Grid

answered on 30 Jun 2015

3 answers

201 views

Thumbnails image caching problem on renaming file?

I use a FileExplorer to list images on a folder with its ExplorerMode="Thumbnails". The snapshot is as : http://i.imgur.com/cpKRY9j.png

<telerik:RadFileExplorer runat="server" ID="RadFileExplorer2"

Height="200px" Width="100%"

DisplayUpFolderItem="true"

VisibleControls="Toolbar,FileList,ContextMenus"

ExplorerMode="Thumbnails"

EnableCreateNewFolder="false"

AvailableFileListControls="All"

>

<Configuration

ViewPaths="~/File/Product/5/Image/L"

UploadPaths="~/File/Product/5/Image/L"

DeletePaths="~/File/Product/5/Image/L"

AllowMultipleSelection="true"

EnableAsyncUpload="true"

MaxUploadFileSize="20971520"

SearchPatterns="*.jpg" />

</telerik:RadFileExplorer>

I want to swap two images by renaming its name. The rename operation is succeeded but its image is wrong.
The image seems to be caching and show the old image after ranamed.

These client functions have be tested such as clearFolderCache(), refresh(), loadFolder(path) on OnClientMove() client event (see official help).
Unfortunately, it's not working.

Please kindly give some advices for this, thanks.

FileExplorer

answered on 30 Jun 2015

6 answers

699 views

RadAsyncUpload add image to button

I have a RadAsyncUpload , i just want to show an image on this button.Itried using

#AsyncUpload1 .ruButton
{
/*it is an example URL*/
background-image: url("../Images/eClose.png");
}

but no luck.

<telerik:RadAsyncUpload ID="AsyncUpload1" Width="5px" runat="server" Localization-Remove="" HideFileInput="true" Skin="Office2010Silver" OnClientFileUploaded="AsyncUpload1_OnClientFileUploaded"
MaxFileSize="10485760" OnFileUploaded="AsyncUpload1_FileUploaded" MultipleFileSelection="Disabled" OnClientValidationFailed="validationFailed"
AutoAddFileInputs="false" UploadedFilesRendering="BelowFileInput">
<Localization Select="Attach" />
</telerik:RadAsyncUpload>

Please help

AsyncUpload

answered on 30 Jun 2015

1 answer

340 views

assign value to RadDatePicker from database

I've to populate the RadDatePicker from database. From database, i am accessing the data value as string. I am having problem to set that value to RadDatePicker.

Form sample ::

<table>

<tr>

<td>Date of Birth : </td>

<td>

<telerik:RadDatePicker ID="dtp_DOB" runat="server"></telerik:RadDatePicker>

</td>

</tr>

</table>

in code behing page ::

DataTable dt = GetPersonalDetails(p_id);

if (dt != null && dt.Rows.Count > 0)

{

DataRow dr = dt.Rows[0];

string DOB_ = dr["DateOfBirth"].ToString();

dtp_DOB.SelectedDate = ????

}

How to show the date retrieved from database to RadDatePicker? Please help.

DatePicker

answered on 30 Jun 2015

2 answers

86 views

Add to dictionary not showing up for few words in firefox and chrome

Hi,

In RadEditor Add to dictionary not showing up for few words in firefox and chrome. We are using word leachate in our application.

Even in the demo page not recognized that. Please let me know how to fix that.

Please find the attached screenshot for the reported issue.

Editor

answered on 30 Jun 2015

2 answers

59 views

Chrome rotator.showNext (Left) issue

We have an issue using Chrome where the rotator show empty image on showNext with left navigation, right works fine but when clicking left again two times the empty/white space appears and it wont restart from index 0 when navigating left. please see site below,

http://www.mrplant.se/

<div style="position:relative;">

<div ID="rotatorRight" style="display:none;" onclick="navigate('Right'); return false;"></div>

<div ID="rotatorLeft" style="display:none;" onclick="navigate('Left'); return false;"></div>

<div class="rotatorContainer">

<telerik:RadRotator ID="RadRotator1" runat="server" PauseOnMouseOver="false" OnClientItemShowing="slideShowHandler" OnClientLoad="rotatorLoad" SlideShowAnimation-Type="CrossFade" SlideShowAnimation-Duration="8000" FrameDuration="4000" ScrollDuration="1200" ScrollDirection="Left" RotatorType="AutomaticAdvance" Visible="false">

<ItemTemplate>

<asp:Image ID="Image1" runat="server" ImageUrl='<%# Container.DataItem %>' AlternateText=""/>

</ItemTemplate>

</telerik:RadRotator>

</div>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function rotatorLoad(sender, eventArgs)

{

var count = sender.get_items().length;

var rotatorRight = document.getElementById('rotatorRight');

var rotatorLeft = document.getElementById('rotatorLeft');

if (count < 2 || count == null || count == 'undefined') {

rotatorRight.style.display = 'none';

rotatorLeft.style.display = 'none';

}

else if (count > 0)

{

rotatorRight.style.display = 'block';

rotatorLeft.style.display = 'block';

}

function navigate(navigation)

{

var rotator = $find("<%=RadRotator1.ClientID %>");

switch (navigation)

{

case "Right":

rotator.showNext(Telerik.Web.UI.RotatorScrollDirection.Right);

break;

case "Left":

rotator.showNext(Telerik.Web.UI.RotatorScrollDirection.Left);

break;

}

function slideShowHandler(sender, args)

{

var count = sender.get_items().length;

var currentIndex = args.get_item().get_index() + 1;

var rotatorRight = document.getElementById('rotatorRight');

var rotatorLeft = document.getElementById('rotatorLeft');

if (!sender.isScrollingForward())

{

if (currentIndex == 1)

{

rotatorRight.style.visibility = 'none';

}

else

{

rotatorRight.style.visibility = 'visible';

}

if (count == 1) {

rotatorLeft.style.visibility = 'none';

rotatorRight.style.visibility = 'none';

}

if (currentIndex == count)

{

rotatorLeft.style.visibility = 'none';

}

else

{

rotatorLeft.style.visibility = 'visible';

}

</script>

</telerik:RadCodeBlock>

public partial class ucImageRotator : System.Web.UI.UserControl

{

private string path;

public string Path

{

get { return path; }

set { path = value; }

}

protected void Page_Load(object sender, EventArgs e)

{

if (path != "")

{

string virtualPath = "~/images/rotators/" + path;

RadRotator1.DataSource = GetFilesInFolder(virtualPath);

RadRotator1.DataBind();

}

protected List<string> GetFilesInFolder(string path)

{

string physicalPathToFolder = Server.MapPath(path);

List<string> virtualPathsCollection = new List<string>();

if (Directory.Exists(physicalPathToFolder))

{

string[] physicalPathsCollection = System.IO.Directory.GetFiles(physicalPathToFolder);

foreach (String file in physicalPathsCollection)

{

string virtualPath = VirtualPathUtility.AppendTrailingSlash(path) + System.IO.Path.GetFileName(file);

if (System.IO.Path.GetExtension(file) == ".png")

{

System.Drawing.Image objImage = System.Drawing.Image.FromFile(file);

int width = objImage.Width;

int height = objImage.Height;

RadRotator1.Height = height;

RadRotator1.Width = width;

virtualPathsCollection.Add(virtualPath);

}

if (virtualPathsCollection.Count > 0)

{

this.Visible = true;

RadRotator1.Visible = true;

}

else

{

this.Visible = false;

RadRotator1.Visible = false;

}

return virtualPathsCollection;

}

Rotator

answered on 30 Jun 2015

1 answer

181 views

onclick event

The onclick to the code behind event handler only fires if autopostback='true' is set for the tilelist apparently, but this disables the navigateurl's on the other tiles, how do I use both in the same tilelist, I tried AutoPostBack="true" on the tile with the onclick but no joy.

<telerik:RadTileList ID="RadTileList1" runat="server" TileRows="1" Width="1000px" ScrollingMode="None" >
<Groups>
<telerik:TileGroup>
<telerik:RadImageAndTextTile runat="server" ImageHeight="100px" ImageWidth="100px" NavigateUrl="student-Program-progress.aspx" Target="_self" Text="Gradebook">
</telerik:RadImageAndTextTile>
<telerik:RadImageAndTextTile runat="server" ImageHeight="100px" ImageWidth="100px" NavigateUrl="/Help/MyPage.htm" Target="_blank" Text="Help" BackColor="#f8b617">
</telerik:RadImageAndTextTile>
<telerik:RadImageAndTextTile ID="TextTileProfile" Name="TextTileProfile" runat="server" ImageHeight="100px" ImageWidth="100px" NavigateUrl="/MyPage-UserInfo.aspx" Target="_blank" Text="Profile" BackColor="#f37928">
</telerik:RadImageAndTextTile>
<telerik:RadImageAndTextTile ID="tileLogout" runat="server" ImageHeight="100px" ImageWidth="100px" OnClick="btnLogout_Click" Text="Logout" BackColor="#03953f" AutoPostBack="true">
</telerik:RadImageAndTextTile>
</telerik:TileGroup>
</Groups>
</telerik:RadTileList>

TileList

answered on 30 Jun 2015

0 answers

99 views

sending files to printer

how can i use Telerik controls to send list of files (some of them are PDF and some PNG and JPG) to printer?

it's a web form. i have the files name, printer name (not the default printer) and need to do it silently without opening dialogs.

the main issue is the PDF files without adobe reader installed.

thanks

General Discussions

asked on 30 Jun 2015

4 answers

104 views

Grouppanel: drop indicator style of not groupable columns

Hi,

We recently added row group functionality to our grids and we and our users are very happy with it.

In the grids in our applications grouping on some types of column is not allowed. It is not visible for the user by the hover style of the grouping panel grouping on the dragged column is not allowed until the column is dropped and the postback to the web-server is happened.

In my case columns are resizable and reorderable also.

It should be nice to disallow these column from been dropped and by adding style to the mouse cursor and/or the drop indicator of the grouppanel when GridTemplateColumn.Groupable=false.

Grid

answered on 30 Jun 2015

2 answers

251 views

RadMediaPlayer with enabled YouTube playlist throws 410(gone) response

The current version of RadMediaPlayer depends on YouTube API 2.0, however YouTube deprecated the YouTube API v2.0 – Playlists which caused the RadMediaPlayer’s YouTube Playlist functionality stop working and the page to return 410 response. More information you can find here:
https://developers.google.com/youtube/2.0/developers_guide_protocol_playlists

For the official Q2 2015 release we will migrate the media player to the latest 3.0 version of the YouTube API:
https://developers.google.com/youtube/v3/getting-started

MediaPlayer

answered on 30 Jun 2015