Questions on UI for ASP.NET AJAX Forum

1 answer

114 views

RadFileExplorer Upload not displaying in I.E 9

It works fine in Chrome and Firefox. see attachment 1a with modal effect. In I.E 9 (see 1b) the second windows is not showing. I suspect a bug in I.E 9 did you come across this issue?

Here is the code we use in a user control

Control Language="C#" AutoEventWireup="true" CodeFile="Documents.ascx.cs" Inherits="Documents" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!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">


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

<script src="JS/jquery-1.8.1.js" type="text/javascript"></script>


<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">


function WindowClose(oWnd, args) {
var oExplorer = $find("<%= RadFileExplorer1.ClientID %>");
var location = oExplorer.get_tree().get_selectedNode().get_attributes().getAttribute("Path");
oExplorer.loadFolder(location, false);
}

function OnClientLoad(oExplorer, args) {
windowManager = oExplorer.get_windowManager();
windowManager.add_show(uploadWindowShown);
}
function uploadWindowShown(oWindow, args) {
if (oWindow.get_name() == '<%= RadFileExplorer1.WindowManager.ClientID + "fileExplorerUpload" %>') {
popupWindow("#boxes");

}

}
function OnGridContextItemClicked(oGridMenu, args) {
var menuItemText = args.get_item().get_text();
var menuitemvalue = args.get_item().get_value();
var oExplorer = $find("<%= RadFileExplorer1.ClientID %>");
var oWnd = $find("<%=RadWindowManager1.ClientID%>");
var selectedItem = oExplorer.get_selectedItem();
if (selectedItem) {

var gridSelectedItem = oExplorer.get_grid().get_masterTableView().get_selectedItems()[0];
var ItemID = gridSelectedItem.get_dataItem().Attributes["ItemID"];
var currentItemName = selectedItem.get_name(); // get the path of the current item
var treeView = oExplorer.get_tree();
var parentId = treeView.get_selectedNode().get_attributes().getAttribute("Tag");
var itemPath = oExplorer.get_tree().get_selectedNode().get_attributes().getAttribute("Path");
}
else {
alert("Please, select an item");
return false;
}
if (menuitemvalue == "CustomProperties") {
if (oWnd) {
oWnd.setUrl("ChangeVersion.aspx?DOCID=" + ItemID + "&parentId=" + parentId + "&itemPath=" + itemPath + "&itemName=" + currentItemName, "itemPath", "");
// oWnd.setUrl("ChangeVersion.aspx?DOCID=" + ItemID + "&parentId=" + parentId + "&itemPath=" + itemPath, "itemPath", "");
oWnd.show();
oWnd.center();
return false;
}
}
else if (menuitemvalue == "CustomRestore") {
if (confirm("Are you sure? you want to restore this file.")) {
PageMethods.RestoreFromArchive(currentItemName, itemPath, parentId, OnSuccess, OnFailure)
}
}
else if (menuitemvalue == "CustomPreviousVersion") {
if (oWnd) {
oWnd.setUrl("PreviousVersions.aspx?DOCID=" + ItemID + "&itemName=" + currentItemName, "itemPath", "");
oWnd.show();
oWnd.center();

return false;
}
return false;
}
return false;
}
function OnSuccess(result) {
if (result) {
alert(result);
var oExplorer = $find("<%= RadFileExplorer1.ClientID %>");
var location = oExplorer.get_tree().get_selectedNode().get_attributes().getAttribute("Path");
oExplorer.loadFolder(location, false);
explorer.refresh();
}
}
function OnFailure(error) {
alert(error);
}

function Clientshow(sender, eventArgs) {
$(".rwTitlebarControls tr td:eq(1)").hide();
}
function popupWindow(id) {
var maskHeight = $(document).height(); var maskWidth = $(document).width(); $('#mask').css({ 'width': maskWidth, 'height': maskHeight }); $('#mask').fadeIn(1000); $('#mask').fadeTo("slow", 0.7); var winH = $(window).height(); var winW = $(window).width(); $(id).css('top', winH / 2 - $(id).height() / 2); $(id).css('left', winW / 2 - $(id).width() / 2); $(id).fadeIn(2000);
}
$(document).ready(function () {
$("#BtnCancel,#BtnVersion").click(function () {
if ($(this).attr("id") == "BtnVersion") {
var txtVersinNo = $("#" + "<%= txtVersinNo.ClientID %>").val();
var txtManager = $("#" + "<%= txtManager.ClientID %>").val();
var txtPicker = $find("<%= txtPicker.ClientID %>").get_dateInput().get_selectedDate();
if (!txtPicker) {
alert("Please Fill Value");
return false;
}
else {
txtPicker = txtPicker.format("dd/MM/yyyy");
}

if (txtVersinNo == "" || txtManager == "" || txtPicker == "") {
alert("Please Fill Value");
return false;
}
else {
$("#mask,#boxes").hide();
return false;
}
}
else if ($(this).attr("id") == "BtnCancel") {

$("#" + "<%= txtVersinNo.ClientID %>").val("");
$("#" + "<%= txtManager.ClientID %>").val("");
$("#mask,#boxes,.RadWindow,.TelerikModalOverlay").hide();
}
return false;
});

});
</script>
</telerik:RadCodeBlock>

<div>
<%--<asp:ScriptManager runat="server" ID="ScriptManager1" EnablePageMethods="true">
</asp:ScriptManager>--%>
<telerik:RadFileExplorer runat="server" EnableFilterTextBox="true" EnableCopy="true"
ID="RadFileExplorer1" Height="800px" Width="100%" Configuration-MaxUploadFileSize="20971520"
FilterTextBoxLabel="Search" BorderStyle="None" VisibleControls="Grid,TreeView,ContextMenus,Toolbar"
OnItemCommand="RadFileExplorer1_ItemCommand" OnClientLoad="OnClientLoad">
</telerik:RadFileExplorer>
<telerik:RadWindowManager VisibleStatusbar="false" Width="600" Height="500" EnableViewState="false"
ReloadOnShow="true" Behaviors="Close" OnClientClose="WindowClose" EnableShadow="true"
ID="RadWindowManager1" runat="server" ShowContentDuringLoad="false" OnClientShow="Clientshow">
</telerik:RadWindowManager>
</div>
<%--Don't delete it .--%>
<div id="mask">
</div>
<div id="boxes">
<table>
<tr>
<td><label>Enter File Version</label></td>
<td><asp:TextBox runat="server" ID="txtVersinNo"></asp:TextBox></td>
</tr>
<tr>
<td><label>File Manager</label></td>
<td><asp:TextBox runat="server" ID="txtManager"></asp:TextBox></td>
</tr>
<tr>
<td><label>Date(MM/DD/YYYY)</label></td>
<td><telerik:RadDatePicker runat="server" ID="txtPicker" ZIndex="99995">
<DateInput ID="DateInput1" DateFormat="MM/dd/yyyy" DisplayDateFormat="MM/dd/yyyy" runat="server"
ReadOnly="true">
</DateInput>
<Calendar ID="Calendar1" runat="server">
<SpecialDays>
<telerik:RadCalendarDay Repeatable="Today" ItemStyle-BackColor="Gray" />
</SpecialDays>
</Calendar>
</telerik:RadDatePicker></td>
</tr>
<tr>
<td colspan="2">
<button id="BtnVersion" class="btn btn-primary btn-small pull-right">
Ok</button>
<button id="BtnCancel" class="btn btn-primary btn-small pull-right">
Cancel</button>
</td>
</tr>
</table>
</div>
</html>

FileExplorer

answered on 21 Oct 2013

3 answers

86 views

RadPageView problem

Hi,

I am having problems using the tab control and the radviewpage.
The information on the tabs are displaying outside and displaying as soon as the page loads.
What can I do to fix this problem?
See the attach image.

General Discussions

answered on 21 Oct 2013

1 answer

76 views

odd metro skin hover behavior

When you hover over any panel bar item using the metro skin, the items "jiggle". This is kind of annoying and doesn't occur in other skins. You can see it in your online demo at: http://demos.telerik.com/aspnet-ajax/panelbar/examples/overview/defaultcs.aspx

PanelBar

answered on 21 Oct 2013

1 answer

104 views

Placing Multipage inside a page view..

My code is below

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

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>

<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title></title>
<style type="text/css">
.qsf-demo-content .rtsLI {
width: 200px;
}
</style>
</head>

<form id="form1" runat="server">
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
</telerik:RadAjaxManager>
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" />
<telerik:RadTabStrip ID="TabStrip1" runat="server" EnableDragToReorder="True" MultiPageID="RadMultiPag1" SelectedIndex="0">
<Tabs>
<telerik:RadTab Text="Create" Selected="True"></telerik:RadTab>
<telerik:RadTab Text="Track"></telerik:RadTab>
<telerik:RadTab Text="Invoice"></telerik:RadTab>
<telerik:RadTab Text="Abcd"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPag1" runat="server" SelectedIndex="0">
<telerik:RadPageView ID="RadPageView1" runat="server" Style="overflow: hidden">
<telerik:RadTabStrip ID="RadTabStrip2" runat="server" EnableDragToReorder="True" MultiPageID="SecMultiPage" OnTabClick="RadTabStrip2_TabClick" Orientation="VerticalLeft" SelectedIndex="0">
<Tabs>
<telerik:RadTab Text="Customer" Selected="True"></telerik:RadTab>
<telerik:RadTab Text="Shipment"></telerik:RadTab>
<telerik:RadTab Text="Consignee"></telerik:RadTab>
<telerik:RadTab Text="Package"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView2" runat="server" Style="overflow: hidden">
 <asp:fileupload id="FileUpload1" runat="server" />
<asp:label id="Label1" runat="server" text="Label"></asp:label>
</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView11" runat="server" Style="overflow: hidden">
 <asp:label id="Label2" runat="server" text="Label"></asp:label>
</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView3" runat="server" Style="overflow: hidden">
<img alt="cnn" src="Img/CNN.png" />
<asp:linkbutton id="LinkButton1" runat="server">LinkButton</asp:linkbutton>
<asp:checkboxlist id="CheckBoxList1" runat="server">
</asp:checkboxlist>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView4" runat="server" Style="overflow: hidden">
<img alt="telerik" src="Img/Telerik.png" />
</telerik:RadPageView>
</telerik:RadMultiPage>

<telerik:RadMultiPage ID="SecMultiPage" runat="server">
<telerik:RadPageView ID="CusPage" runat="server">
<asp:dropdownlist runat="server"></asp:dropdownlist>
RadPageView
</telerik:RadPageView>
<telerik:RadPageView ID="ShipPage" runat="server">
<asp:label runat="server" text="Label"></asp:label>

</telerik:RadPageView>
</telerik:RadMultiPage>
</form>

</html>

I am trying place the secMultipage inside the first multipage . Can I place the Sec multipage inside the page view 1?

TabStrip

answered on 21 Oct 2013

9 answers

168 views

Menu does not scroll on window resize

I am using the RadMenu control, I've set EnableRootItemScroll="true" and the Width="100%" (for a fluid layout). If the browser window is opened with all navigation items displaying I don't get the scroll. As expected. But if I reduce the width of the browser window it hides all navigation items that aren't viewable but I still don't get the scrolls until I refresh the page. I noticed the "TabStrip" control handles this exact funtionality but I need the menu dropdown features. Is there an attribute I haven't set or is there a fix for this? Thank you!

Menu

answered on 21 Oct 2013

1 answer

85 views

lightbox validation ?

i can use lightbox with validation ?

http://demos.telerik.com/aspnet-ajax/lightbox/examples/templates/defaultcs.aspx
SHARE YOUR FEEDBACK

LightBox

answered on 21 Oct 2013

3 answers

333 views

RadGrid insert item validation

I have a problem when validating the data on records that are to be inserted into the grid.
The grid is just using the default insert item button on the grid with some template columns, some bound columns and some dateTimeColumns.

I am using the itemdatabound method to populate some dropdown controls in these template controls when the item is in edit mode.

When Insert command is called my code does some validation against the database and if this fails then it displays the failure message on the GridEditForm and sets the Canceled property of the GridCommandEventArgs to true.

This works fine however if I then click the button to Insert the record again and it fails again all of the controls are cleared losing all of their values.

Any help in working out why this is happening would be much appreciated.

Thanks
Gavin

Grid

answered on 21 Oct 2013

3 answers

68 views

RibbonBarToggleButton client side issue

Hi all,

I want to toggle RibbonBarToggleButton in client side. I tried togglebutton.Toggled = true; But there is no effect. I tried server side code, its working fine. How can I solve this.
NB: I am using Telerik 2013.1.220.40

Thank you
abhi

RibbonBar

answered on 21 Oct 2013

14 answers

507 views

Change CheckBox to RadioButton in RadGrid

How may I change CheckBox to RadioButton in RadGrid from code behind? Due to the application needs, we didn't use smarttag or markup in .aspx page, but declare RadGrid from Page_Load instead. Is there a attribute of RadGrid that I can define to change CheckBox to RadioButton?

p.s. my version is 2012.2.912.40

thank you,
Jim

Grid

answered on 21 Oct 2013

1 answer

54 views

hide the expand image

Hi,
how to hide the expand image for those rows that donot have any child rows in it. I dont want the user to simply expand a row if there are no rows in the child. How to do this.

Thanks,
Joslyn.

Grid

answered on 21 Oct 2013