Questions on UI for ASP.NET AJAX Forum

4 answers

159 views

Hi,

I am trying to customize the CSS classes availalble on both the Image Properties Dialog and the Hyperlink Manager.
I've tried following the instructions here:
http://www.telerik.com/help/aspnet-ajax/editor-css-styles.html

By adding:
<CssClasses>
       <telerik:EditorCssClass Name="Clear Class" Value="" />
       <telerik:EditorCssClass Name="link" Value="a.link" />
       <telerik:EditorCssClass Name="img" Value=".img" />
       <telerik:EditorCssClass Name="redtext" Value=".redtext" />
   </CssClasses>

But the only CSS class is the built in "Clear Class". I've tried adding via the tools file, external css file, and using the .Add Method.
No luck with any.
Any help would be appreciated.

Editor

answered on 04 Nov 2011

1 answer

93 views

ConvertInlineStylesToAttributes Problem

The new ConvertInlineStylesToAttributes property is causing trouble with the alignment tools. You can see this in the content filter demo.

Modify the filters to apply ConvertInlineStylesToAttributes. Then center the paragraph below the header. Switch to html and back to design - the centering is gone. Without the filter, it works properly.

Testedd in IE 8

Editor

answered on 04 Nov 2011

7 answers

226 views

Unknown Error with ScriptManager/RadGrid

I use one RadScriptManager as a user control with my menu. Everything has worked fine for weeks. Suddenly I am getting the following error all over the place.

Server Error in '/' Application.

--------------------------------------------------------------------------------

Invalid postback or callback argument. Event validation is enabled using <pages enableEventValidation="true"

/> in configuration or <%@ Page EnableEventValidation="true" %> in a page.  For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them.  If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.ArgumentException: Invalid postback or callback argument.  Event validation is enabled using <

pages enableEventValidation="true"

/> in configuration or <%@ Page EnableEventValidation="true" %> in a page.  For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them.  If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.

Source Error:

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.

Stack Trace:

[ArgumentException: Invalid postback or callback argument. Event validation is enabled using <pages enableEventValidation="true"

/> in configuration or <%@ Page EnableEventValidation="true" %> in a page.  For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them.  If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.]

System.Web.UI.ClientScriptManager.ValidateEvent(String uniqueId, String argument) +8627289

System.Web.UI.Control.ValidateEvent(String uniqueID, String eventArgument) +72

System.Web.UI.WebControls.Button.RaisePostBackEvent(String eventArgument) +35

System.Web.UI.WebControls.Button.System.Web.UI.IPostBackEventHandler.RaisePostBackEvent(String eventArgument) +10

System.Web.UI.Page.RaisePostBackEvent(IPostBackEventHandler sourceControl, String eventArgument) +13

System.Web.UI.Page.RaisePostBackEvent(NameValueCollection postData) +36

System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +1565

--------------------------------------------------------------------------------

Version Information: Microsoft .NET Framework Version:2.0.50727.3615; ASP.NET Version:2.0.50727.3618

This is occuring ever ytime I am updating a record across multiple RadGrids. If I put error trapping within the procedures I won't get this message. The data is being inserted and updated properly but the web app is failing afterwards. the weird part is that it runs fine on my machine but suddenly when published to another web it fails.

Is there some property that might have inadvertantly gotten changed? I haven't touched it, but it sure seems strange.

ScriptManager and StyleSheetManager

answered on 04 Nov 2011

2 answers

91 views

Remove Cell Properties

See picture attached, I'd like to remove the "Cell Properties" button, is it possible?

Editor

answered on 04 Nov 2011

14 answers

764 views

Scrollbar problem in radwindow when using with contenttemplate

Hi,

I am trying use radwindow with contenttemplate but it is showing scrollbars in popup,although it doesn't show scrollbar when I take that content in separate page & open it with radopen function providing it's navaigation url.But I don't want use separate page for it.

Here is my code,

<telerik:RadWindow runat="server" ID="dlgEditPage" Modal="true" AutoSize="true" Width="506" MaxWidth="510" Top="50" Height="258" MaxHeight="260"><br>

<ContentTemplate><br>

<div id="EditTitle"><br>

<br>

<div class="creat-survey-link-main" style="width:500px;"><br>

<div><br>

<div class="header-secondtop-line border-grey"></div><br>

<div class="creat-survey-link-header-main" style="width:500px;"><br>

<h3 class="creat-survey-link-green-heading float-lt" style="color:#405d0b;">Edit Page</h3><br>

<div class="float-rt creat-survey-link-close" onclick="javascript:CloseRadWindow()" > <a href="javascript:void(0)"> <img src="../images/Close_icon.png" class="float-lt" /><br>

<div class="float-lt" style="margin-top:2px; margin-left:2px;">Close</div><br>

</a><br>

<div class="clear"></div><br>

</div><br>

<div class="clear"></div><br>

<div style="padding:20px 30px; background:#fff"><br>

<div><br>

<div class="title float-lt" style="padding:5px; width:80px; text-align:left;">Page Title:</div><br>

<div class="float-lt"><input type="text" value="Change Your Title Here" style="width:200px;" /></div><br>

<div class="clear"></div><br>

</div><br>

<div class="marTop"><br>

<div class="title float-lt" style="padding:5px; width:80px; text-align:left;">Page Description:</div><br>

<div class="float-lt"><textarea type="text" style="width:330px;">Change Your Title Here </textarea></div><br>

<div class="clear"></div><br>

</div> <br>

<div class="clear"></div> <br>

<br>

<div style="float:left; margin:20px 0px 0px 90px;"><br>

<div class="creat-folder-button-curve"><img src="../images/Save.png" style="padding-left:25px;" class="float-lt" width="16" /> <strong style="font-size:14px; padding:0px 10px; display:block; float:left;">Save</strong></div><br>

<div class="creat-folder-button-curve" onclick="javascript:CloseRadWindow()"><img src="../images/close.png" style="padding-left:20px;" class="float-lt" width="16" /> <strong style="font-size:14px; padding:0px 10px; display:block; float:left;">Cancel</strong></div><br>

</div><br>

<div class="clear"></div> <br>

</div><br>

<br>

</div> <br>

</div><br>

<br>

</div><br>

</ContentTemplate><br>

</telerik:RadWindow>

& it's rendered html

<div id="RadWindowWrapper_ctl00_MainContent_EditSurvey_G3_dlgEditPage" class="RadWindow RadWindow_Default rwNormalWindow rwTransparentWindow popupDialog rwNoTitleBar" style="width: 506px; height: 260px; position: absolute; visibility: visible; left: 250px; top: 516px; z-index: 3002;" unselectable="on">

& this is main content

<td class="rwWindowContent" valign="top">

as you can see there is difference in width of those divs.

I have also attached the screenshot.

Window

answered on 04 Nov 2011

1 answer

103 views

RadWindow using ContentTemplate and OOP

Hi Telerik,

Got another question for you guys. I've got my own RadWindow class, and it has a design-time control on my page:

<cs:GlobalSettingsRadWindow ID="DashboardGlobalSettingsWindow" Runat="Server" >

<ContentTemplate>

<div ID="GlobalSettingsDecorationZone">

<fieldset id="RefreshProperties">

<legend>Refresh Settings</legend>

<div id="RefreshArea">

<div id="RefreshLeftSide">

Auto-Refresh Enabled:

<asp:CheckBox ID="AutoRefreshCheckBox" Runat="Server" />

</div>

<div id="RefreshRightSide">

<telerik:RadNumericTextBox ID="AutoRefreshNumericTextBox" Runat="Server" Label="Auto-Refresh Interval (Minutes):" MaxValue="60" MinValue="1" ShowSpinButtons="True" Value="1" Width="225px" Enabled="False" LabelCssClass="riLabel LabelDisabled" DataType="System.Int32">

<NumberFormat DecimalDigits="0" AllowRounding="False" />

</telerik:RadNumericTextBox>

</div>

</fieldset>

<fieldset id="TabProperties">

<legend>Tab Settings</legend>

<div id="TabPropertiesArea">

<div id="TabLeftSide">

<telerik:RadListBox ID="TabsListBox" Runat="Server" AllowDelete="True" AllowReorder="True" EnableDragAndDrop="True" Height="95px" OnClientSelectedIndexChanged="OnClientSelectedIndexChanged" Width="150px" OnClientLoad="OnClientLoad" TabIndex="1" />

</div>

<div id="TabRightSide">

<telerik:RadTextBox ID="TabTextBox" Runat="Server" EmptyMessage="Enter tab name" Width="150px" />

<div id="TabButton">

<telerik:RadButton ID="TabTextApplyButton" Runat="server" Text="Add Tab" AutoPostBack="False" OnClientClicked="OnButtonClicked">

</telerik:RadButton>

</div>

</fieldset>

<fieldset id="CycleProperties">

<legend>Tab Cycle Settings</legend>

<div id="CycleArea">

<div id="CycleLeftSide">

Auto-Cycle Enabled:

<asp:CheckBox ID="AutoCycleCheckBox" runat="server" />

</div>

<div id="CycleRightSide">

<telerik:RadNumericTextBox ID="AutoCycleNumericTextBox" Runat="server" Label="Auto-Cycle Interval (Minutes):" MaxValue="60" MinValue="1" ShowSpinButtons="True" Value="1" Width="225px" Enabled="False" LabelCssClass="riLabel LabelDisabled" DataType="System.Int32">

<NumberFormat DecimalDigits="0" AllowRounding="False" />

</telerik:RadNumericTextBox>

</div>

</fieldset>

<div id="BottomButton">

<telerik:RadButton ID="ApplyGlobalSettingsButton" Runat="server" Text="Apply" AutoPostBack="False" OnClientClicked="CloseAndSave"/>

</div>

</ContentTemplate>

</cs:GlobalSettingsRadWindow>

Now, I work on it's children controls in Page_Init:

private void InitializeGlobalSettings()

{

//Global Settings Window Code.

GlobalSettings globalSettings = StateManager.GetStates<GlobalSettings>();

if (globalSettings.RefreshEnabled)

{

AutoRefreshCheckBox.Checked = true;

AutoRefreshNumericTextBox.Value = globalSettings.RefreshInterval;

AutoRefreshNumericTextBox.LabelCssClass = "LabelEnabled";

AutoRefreshNumericTextBox.Enabled = true;

}

TabsListBox.Items.Clear();

foreach (RadTab tab in LayoutManager.Instance.TabStrip.Tabs)

{

TabsListBox.Items.Add(new RadListBoxItem {Text = tab.Text, Value = tab.Value});

}

if (globalSettings.CycleEnabled)

{

AutoCycleCheckBox.Checked = true;

AutoCycleNumericTextBox.Value = globalSettings.CycleInterval;

AutoCycleNumericTextBox.LabelCssClass = "LabelEnabled";

AutoCycleNumericTextBox.Enabled = true;

}

This function is defined in MyPage.aspx.cs, not GlobalSettingsRadWindow.cs. This is necessary because I need to be able to have a handle on the CheckBoxes and various other controls.

I'd really like to fix this, though, as the controls are relevant to the RadWindow and not to the page.

Is there an easy way to do something like this without coupling the Page to the RadWindow class? Thinking along the lines of adding the controls to the RadWindow inside of its constructor, but how can I handle all of the various HTML markup which is not a System.Web.UI control?

Thanks

Sean

Window

answered on 04 Nov 2011

2 answers

57 views

Gantt Chart

Hi

Just need an information about Gantt Chart

Is there controls in telerik to use like Gant Chart Controls ?

Any information would be appreciated

Regards
Kiran

Grid

answered on 04 Nov 2011

1 answer

110 views

RadMultiPage causing PostBack & slowness of page rendering

We are using Telerik control in our page & we use RadMultiPage control along with RadPageView and RadTreeView

We use to transfer Item from Left multipage to Right as shown in the figure (query.jpg), via drag & drop or select an item from Left & click on button to add that item on right side.

Every time we do this it is causing post back of the page. Can you look into the code & help us in stopping

The postback of the page

<asp:Content ID="FormContentPlace" ContentPlaceHolderID="FormContentPlaceHolder" runat="server">

<telerik:RadFormDecorator ID="RadFormDecorator1" DecoratedControls="All" runat="server" />

<link href="../Skins/AdhocReports/TreeView.AdhocReports.css" rel="Stylesheet" type="text/css" />

<link href="../Skins/AdhocReports/Grid.AdhocReports.css" rel="Stylesheet" type="text/css" />

<link href="../Skins/Vista2009/Grid.Vista2009.css" rel="Stylesheet" type="text/css" />

<link href="../Skins/Office2009/Dock.Office2007.css" rel="Stylesheet" type="text/css" />

<link href="../Skins/Office2009/TabStrip.Office2007.css" rel="Stylesheet" type="text/css" />

<![if !(IE)]>

<link href="../Styles/AdhocReports.css" rel="stylesheet" type="text/css"/>

<![endif]>

<![if (IE)]>

<link href="../Styles/AdhocReportsIE6.css" rel="stylesheet" type="text/css"/>

<![endif]>

<link href="../Skins/GIRadWindow/GIRadWindow/Window.GIRadWindow.css" rel="stylesheet" type="text/css" />

<link href="../Skins/GIRadWindow/Window.css" rel="stylesheet" type="text/css" />

<telerik:RadScriptBlock runat="Server" ID="RadScriptBlock1">

<script src="../Scripts/window.size.js" type="text/javascript"></script>

<script src="../Scripts/RadGrid.js" type="text/javascript"></script>

<script src="../Scripts/SysActions.js" type="text/javascript"></script>

<script src="../Scripts/DisableTextSelect.js" type="text/javascript" ></script>

<script type="text/javascript">

/* <![CDATA[ */

var gridId = "<%= TemplatesRadGrid.ClientID %>";

var gridId1 = "<%= GeoUnitsRadGrid.ClientID %>";

var gridId2 = "<%= BusUnitsRadGrid.ClientID %>";

var gridId3 = "<%= EmpClassRadGrid.ClientID %>";

function EnablePostback(target) {

var existing = document.getElementById('jscript');

if (existing == null) {

var newelement = document.createElement('input');

newelement.setAttribute('id', 'jscript');

newelement.setAttribute('name', 'jscript');

newelement.setAttribute('value', 'yes');

newelement.setAttribute('type', 'hidden');

document.getElementById(target).appendChild(newelement);

}

function isMouseOverGrid(target)

{

parentNode = target;

while (parentNode != null)

{

if (parentNode.id == gridId)

{

return parentNode;

}

parentNode = parentNode.parentNode;

}

return null;

}

function onNodeDragging(sender, args)

{

var target = args.get_htmlElement();

if(!target) return;

if (target.tagName == "INPUT")

{

target.style.cursor = "hand";

}

var grid = isMouseOverGrid(target)

if (grid)

{

grid.style.cursor = "hand";

}

function dropOnHtmlElement(args)

{

if(droppedOnInput(args))

return;

if(droppedOnGrid(args))

return;

}

function droppedOnGrid(args)

{

var target = args.get_htmlElement();

while(target)

{

if(target.id == gridId || target.id == gridId1 || target.id == gridId2 || target.id == gridId3)

{

args.set_htmlElement(target);

return;

}

target = target.parentNode;

}

args.set_cancel(true);

}

function droppedOnInput(args)

{

var target = args.get_htmlElement();

if (target.tagName == "INPUT")

{

target.style.cursor = "default";

target.value = args.get_sourceNode().get_text();

args.set_cancel(true);

return true;

}

function dropOnTree(args)

{

var text = "";

if(args.get_sourceNodes().length)

{

var i;

for(i=0; i < args.get_sourceNodes().length; i++)

{

var node = args.get_sourceNodes()[i];

text = text + ', ' +node.get_text();

}

function clientSideEdit(sender, args)

{

var destinationNode = args.get_destNode();

if(destinationNode)

{

var firstTreeView = $find('tvAvailableTemplates');

firstTreeView.trackChanges();

var sourceNodes = args.get_sourceNodes();

for (var i = 0; i < sourceNodes.length; i++)

{

var sourceNode = sourceNodes[i];

sourceNode.get_parent().get_nodes().remove(sourceNode);

if(args.get_dropPosition() == "over") destinationNode.get_nodes().add(sourceNode);

if(args.get_dropPosition() == "above") insertBefore(destinationNode, sourceNode);

if(args.get_dropPosition() == "below") insertAfter(destinationNode, sourceNode);

}

destinationNode.set_expanded(true);

firstTreeView.commitChanges();

}

function insertBefore(destinationNode, sourceNode)

{

var destinationParent = destinationNode.get_parent();

var index = destinationParent.get_nodes().indexOf(destinationNode);

destinationParent.get_nodes().insert(index, sourceNode);

}

function insertAfter(destinationNode, sourceNode)

{

var destinationParent = destinationNode.get_parent();

var index = destinationParent.get_nodes().indexOf(destinationNode);

destinationParent.get_nodes().insert(index+1, sourceNode);

}

function onNodeDropping(sender, args)

{

var dest = args.get_destNode();

if (dest)

{

var clientSide = false;

if(clientSide)

{

clientSideEdit(sender, args);

args.set_cancel(true);

return;

}

dropOnTree(args);

}else{

dropOnHtmlElement(args);

}

function onRowDropping(sender, args)

{

args.set_cancel(false);

}

function buttonMouseOver(sender,args){

//do nothing

}

/* ]]> */

</script>

</telerik:RadScriptBlock>

<style type="text/css">

.loadingPanel

{

background: url(../Skins/GIRadWindow/GIRadWindow/Window/loading.gif) center center no-repeat ;

background-color:#fff;

position:absolute;

width:100%;

height:100%;

text-align:center;

vertical-align:middle;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10fff000,endColorstr=#10fff000);

opacity:0.7;

-moz-opacity:0.7;

}

.buttonDiv

{

position: relative !important;

}

</style>

<telerik:RadAjaxManager ID="RadAjaxManagerControl" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="TemplatesRadGrid">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="TemplatesRadGrid" LoadingPanelID="GridLoadingPanel"/>

<telerik:AjaxUpdatedControl ControlID="tvAvailableTemplates"/>

<telerik:AjaxUpdatedControl ControlID="AddButton"/>

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="tvAvailableTemplates">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="tvAvailableTemplates" />

<telerik:AjaxUpdatedControl ControlID="TemplatesRadGrid" LoadingPanelID="GridLoadingPanel"/>

<telerik:AjaxUpdatedControl ControlID="AddButton"/>

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="AddButton">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="tvAvailableTemplates" />

<telerik:AjaxUpdatedControl ControlID="TemplatesRadGrid" LoadingPanelID="GridLoadingPanel"/>

<telerik:AjaxUpdatedControl ControlID="AddButton"/>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<table>

<tr><td><div><asp:ValidationSummary ID="ValidationSummaryControl" runat="server" CssClass="Error" /></div></td></tr>

</table>

<table style="height: 390px; table-layout: fixed;" id="outerdiv">

<tr>

<td width="45%" valign="top">

<div class="LabelBold" style="margin-bottom: 10px; margin-top: 10px">

<gi:TranslationLabel runat="server" Text="Available Templates on the left can be dragged to the selected Templates on the right."

LabelID="AvailTemplatesIncluded" ID="TemplatesIncludedLabel1" CssClass="LabelBold"></gi:TranslationLabel>

</div>

</td>

<td width="10%" class="imgBtnTable" align="center">

</td>

<td width="45%" valign="top">

<div class="LabelBold" style="margin-bottom: 10px; margin-top: 10px">

<gi:TranslationLabel runat="server" Text="Template(s) Included" LabelID="TemplatesIncluded"

ID="TemplatesIncludedLabel" CssClass="LabelBold">

</gi:TranslationLabel>

<gi:TranslationValidator ID="cvTemplates" runat="server" LabelID="TemplateValidation"

ErrorMessage="Please select at least 1 plan type." CssClass="Error" OnServerValidate="cvTemplates_ServerValidate"

Display="Dynamic" EnableClientScript="False"> *</gi:TranslationValidator><br />

<br />

</div>

</td>

</tr>

<tr>

<td width="45%" valign="top">

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Office2007" EnableEmbeddedSkins="false"

MultiPageID="RadMultiPage1" border="0" Style="width: 98%;" SelectedIndex="0">

<Tabs>

<telerik:RadTab Text="Templates available">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<div id="tabframe" style="border-style: none; border-width: thin; overflow: auto;

width: 98%">

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

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

<asp:Label ID="Label1" runat="server" Text="<br /><br />There are no columns to select for criteria."

Visible="False"></asp:Label>

<telerik:RadTreeView ID="tvAvailableTemplates" runat="server" CheckBoxes="false" EnableViewState="true"

CheckChildNodes="true" TriStateCheckBoxes="false" Skin="AdhocReports" EnableDragAndDrop="True"

CausesValidation="False" OnNodeDrop="tvAvailableTemplates_HandleDrop" OnClientNodeDropping="onNodeDropping"

OnClientNodeDragging="onNodeDragging" MultipleSelect="true" onmouseover="this.style.cursor='move'"

EnableDragAndDropBetweenNodes="true" EnableEmbeddedSkins="false" Height="300px">

</telerik:RadTreeView>

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

</td>

General Discussions

answered on 04 Nov 2011

2 answers

105 views

NavigateUrl

I've been trying to change the NavigateUrl attribute of a Node in a TreeView from codebehind when the tree is initially loaded.

Protected Sub RadTreeView1_NodeClick(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTreeNodeEventArgs) Handles RadTreeView1.Load

RadTreeView1.FindNodeByText("Upload Company Documents").NavigateUrl() = "~/upload/upload.aspx?b=" & Server.UrlEncode(Encrypt("&DT=C" & "&dummy="))

End Sub

This returns the following error: "Unable to cast object of type 'System.EventArgs' to type 'Telerik.Web.UI.RadTreeNodeEventArgs'."
In order to get around this problem I decided to do a Response.redirect and I can move to the desired page but I would like to be able to change the NavigateUrl attribute of a given Node during the Load of the TreeView.

Protected Sub RadTreeView1_NodeClick(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTreeNodeEventArgs) Handles RadTreeView1.NodeClick

If RadTreeView1.FindNodeByText("Upload Company Documents").Selected Then

Response.Redirect("~/upload/upload.aspx?b=" & Server.UrlEncode(Encrypt("&DT=C" & "&dummy="))

End If

End Sub

Any help is appreciated.

TreeView

answered on 04 Nov 2011

1 answer

110 views

Listview has gaps in layout

Listview definition. Output is attached

<telerik:RadListView ID="RadListView1" runat="server" AllowPaging="True" ItemPlaceholderID="PlaceHolder1"

OnItemCreated="RadListView1_ItemCreated"

DataKeyNames="id">

<LayoutTemplate>

<div class="RadListView RadListViewFloated RadListView_Windows7">

<telerik:RadDataPager ID="RadDataPager1" runat="server" Skin="Sitefinity" PageSize="25"

PagedControlID="RadListView1" BorderWidth="0">

<Fields>

<telerik:RadDataPagerButtonField FieldType="FirstPrev" />

<telerik:RadDataPagerButtonField FieldType="Numeric" />

<telerik:RadDataPagerButtonField FieldType="NextLast" />

<telerik:RadDataPagerPageSizeField PageSizeText="Page size: " />

<telerik:RadDataPagerGoToPageField CurrentPageText="Page: " TotalPageText="of" SubmitButtonText="Go"

TextBoxWidth="15" />

<telerik:RadDataPagerTemplatePageField>

<PagerTemplate>

<div style="float: right">

<b>Items

<asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex + 1%>" />

to

<asp:Label runat="server" ID="TotalPagesLabel" Text="<%# Container.Owner.StartRowIndex+Container.Owner.PageSize %>" />

of

<asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" />

<br />

</b>

</div>

</PagerTemplate>

</telerik:RadDataPagerTemplatePageField>

</Fields>

</telerik:RadDataPager>

<div id="PlaceHolder1" runat="server" />

</div>

</LayoutTemplate>

<ItemTemplate>

<div style="float: left;">

<fieldset style="border: 0; width: 154px; height: 154px; margin: 5px 5px 5px 5px;">

<div class="myClass" style="padding: 2px 2px 2px 2px; background: #eeeeee; text-align: center;">

<a href="javascript:Popup_Window('asset_preview','<%# Eval("id") %>')">

<telerik:RadBinaryImage ID="RadBinaryImage1" runat="server" AutoAdjustImageControlSize="False"

CssClass="myClass" ImageUrl='<%# Eval("thumbUrl") %>' ResizeMode="Fit" AlternateText="Click to view preview"

ToolTip="Click to view preview" Width="150px" Height="150px" />

</a>

</div>

</fieldset>

<div style="border: 0px; white-space: normal; width: 150px; margin: 5px 5px 5px 5px;

padding: 2px 2px 2px 2px;">

<asp:CheckBox ID="chkImage" runat="server" AutoPostBack="True" />

<%--<a href="javascript:Popup_Window('asset_detail','<%# Eval("id") %>')">

<%# Eval("title") %>-<%# Eval("filenameextension") %></a>--%>

<asp:HyperLink ID="lnkAsset" runat="server">

<%# Eval("title") %>-<%# Eval("filenameextension") %></asp:HyperLink>

<asp:HiddenField ID="hiddenAssetId" Value='<%# Eval("id") %>' runat="server" />

</div>

</ItemTemplate>

<EmptyDataTemplate>

No Assets Found

</EmptyDataTemplate>

</telerik:RadListView>

ListView

answered on 04 Nov 2011