Questions on UI for ASP.NET AJAX Forum

8 answers

103 views

Hi,

We are using a RadMenu in the title of a RadDock.
But after upgrading to 2012.3.1016, we have problems with the z-index of the menu. The menu appears behind the RadDock below...
It does only happen in Chrome and Firefox, IE is not affected!

See the following example:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="dock.aspx.vb" Inherits="TestaTredjepartWeb.dock" %>

<!DOCTYPE html>

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

<head runat="server">

<title></title>

</head>

<body>

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

<div>

<asp:ScriptManager ID="s" runat="server">

</asp:ScriptManager>

<telerik:RadDockZone runat="server" ID="dz">

<telerik:RadDock runat="server" ID="aaa">

<TitlebarTemplate>

<telerik:RadMenu runat="server" ID="mm">

<Items>

<telerik:RadMenuItem Text="aaa">

<Items>

<telerik:RadMenuItem Text="bbb"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="ccc"></telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</TitlebarTemplate>

</telerik:RadDock>

<telerik:RadDock runat="server" ID="RadDock1"></telerik:RadDock>

</telerik:RadDockZone>

</div>

</form>

</body>

</html>

When expanding the menu, it will appear behind the lower RadDock, this wasn't the case in the previous version of Telerik.

We have managed to narrow it down to the following css:

.RadDock {

/* improves drag&drop in mobile browsers */

-webkit-transform: rotate3d(0, 0, 1, 0);

-webkit-backface-visibility: hidden;

-webkit-perspective: 1000;

-moz-transform: rotate3d(0, 0, 1, 0);

-moz-backface-visibility: hidden;

-moz-perspective: 1000;

-o-transform: rotate3d(0, 0, 1, 0);

-o-backface-visibility: hidden;

-o-perspective: 1000;

-ie-transform: rotate3d(0, 0, 1, 0);

-ie-backface-visibility: hidden;

-ie-perspective: 1000;

}

When overriding the transform or backface property, the problem is fixed, but I guess there is a reason for this new css?

Regards
Caesar

Dock

answered on 17 Sep 2018

1 answer

119 views

AsyncUpload doesn't work the first time

Framework 4.0, Telerik version 2018.1.117.40, I click the select button and then it shows the file above with a green dot. I select "Upload Files" and it goes away and the file is not in the folder until I do this a 2nd time and 3rd ... etc. This is in the development environment.

page code

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="CheckerResultsReport.Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="CSS/Main.css" rel="stylesheet" />
<title></title>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
<div class="DownloadForm">
<h3>Attached Files:</h3>
<h5>Upload:</h5>
<div class="UploadArea">
<telerik:RadAsyncUpload MaxFileSize="52428800" ToolTip="Select file(s) then click Upload Files to save" RenderMode="Auto" runat="server" ID="RadAsyncUpload" MultipleFileSelection="Automatic" Skin="Office2010Blue" />
</div>
<div class="UploadButtonArea" >
<telerik:RadButton CssClass="UploadButton" Text=" Upload Files " id="btnUpload" runat="server" OnClick="btnUpload_Click"></telerik:RadButton>
</div>
<p>(max file size 50MB)</p>
<div class="clear"></div>
<script>
if (Telerik.Web.Browser.ie && (Telerik.Web.Browser.version == 10 || Telerik.Web.Browser.version == 11))
{
Telerik.Web.UI.RadAsyncUpload.Modules.FileApi.isAvailable = function () { return false; }
}
</script>
</div>
</form>
</body>
</html>

Method

protected void btnUpload_Click(object sender, EventArgs e)

{
//******************************************
//upload excel to temp folder, process and then delete
//******************************************
VirtualDirectory = ConfigurationManager.AppSettings.Get("FileStorageLocation");

if (!Directory.Exists(VirtualDirectory))
{
Directory.CreateDirectory(VirtualDirectory);
}

RadAsyncUpload.TargetFolder = VirtualDirectory;
}

web.config

<?xml version="1.0"?>

<configuration>
<system.web>
<customErrors mode="Off" />
<httpRuntime maxRequestLength="32768" />
<identity impersonate="false" />
<compilation debug="true" targetFramework="4.0" />
<httpHandlers>
<add path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource" validate="false" />
<add path="ChartImage.axd" verb="*" type="Telerik.Web.UI.ChartHttpHandler" validate="false" />
<add path="Telerik.Web.UI.SpellCheckHandler.axd" verb="*" type="Telerik.Web.UI.SpellCheckHandler" validate="false" />
<add path="Telerik.Web.UI.DialogHandler.aspx" verb="*" type="Telerik.Web.UI.DialogHandler" validate="false" />
<add path="Telerik.RadUploadProgressHandler.ashx" verb="*" type="Telerik.Web.UI.RadUploadProgressHandler" validate="false" />
<add type="Telerik.ReportViewer.WebForms.HttpHandler, Telerik.ReportViewer.WebForms, Version=12.0.18.416, Culture=neutral, PublicKeyToken=a9d7983dfcc261be" path="Telerik.ReportViewer.axd" verb="*" validate="true" />
</httpHandlers>
<pages>
<controls>
<add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI" />
</controls>
</pages>
</system.web>
<appSettings>
<add key="vs:EnableBrowserLink" value="false" />
<add key="FileStorageLocation" value="\\kcstwebapplications\Attachments\CheckerResultsReportTemp\" />
</appSettings>
<system.webServer>
<validation validateIntegratedModeConfiguration="false" />
<handlers>
<remove name="ChartImage_axd" />
<remove name="Telerik_Web_UI_SpellCheckHandler_axd" />
<remove name="Telerik_Web_UI_DialogHandler_aspx" />
<remove name="Telerik_RadUploadProgressHandler_ashx" />
<remove name="Telerik_Web_UI_WebResource_axd" />
<add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode" />
<add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" preCondition="integratedMode" />
<add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" preCondition="integratedMode" />
<add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" preCondition="integratedMode" />
<add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" preCondition="integratedMode" />
<add name="Telerik.ReportViewer.axd_*" type="Telerik.ReportViewer.WebForms.HttpHandler, Telerik.ReportViewer.WebForms, Version=12.0.18.416, Culture=neutral, PublicKeyToken=a9d7983dfcc261be" path="Telerik.ReportViewer.axd" verb="*" preCondition="integratedMode" />
</handlers>
<security>
<requestFiltering>
<requestLimits maxAllowedContentLength="33554432" />
</requestFiltering>
</security>
</system.webServer>
<system.web.extensions>
<scripting>
<webServices>
<jsonSerialization maxJsonLength="2147483644" />
</webServices>
</scripting>
</system.web.extensions>
</configuration>

AsyncUpload

answered on 17 Sep 2018

5 answers

848 views

How can I Display TimeFormat "HH:mm:ss"

Am I missing something?

On the DateTimePicker and TimePicker you can easily set the TimeView.TimeFormat to something like "HH:mm:ss", to cause the TimePicker popup to display values like "23:00:00", but the textbox for the control still displays values like "6/8/2008 11:00 PM".

I would like the "11:00 PM" to display as "23:00:00" so the user can adjust down to the second, if needed.

Where is that format set?
Thanks!

General Discussions

answered on 15 Sep 2018

3 answers

842 views

How Attributes RadTextBox TextMode="Password" after postBack

I want to help solve this problem

.aspx

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

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

<div>

<asp:Label ID="Label1" runat="server" Text="Passwoed TextBox"></asp:Label>

<br />

<asp:TextBox ID="TextBox1" runat="server" TextMode="Password"></asp:TextBox>

<br /> <br />

<asp:Label ID="Label2" runat="server" Text="Passwoed radtextbox"></asp:Label>

<br />

<telerik:radtextbox runat="server" ID="radtextbox1" TextMode="Password" Skin="Bootstrap"></telerik:radtextbox>

<br /> <br />

<asp:Button ID="Button1" runat="server" Text="Button" />

</div>

</form>

.vb

If Me.IsPostBack Then

radtextbox1.Attributes("value") = radtextbox1.Text.Trim() 'not work

'TextBox1.Attributes("value") = TextBox1.Text 'this work

TextBox1.Attributes.Add("value", TextBox1.Text.Trim()) 'this work

End If

General Discussions

answered on 15 Sep 2018

9 answers

334 views

Setting predefined values inside user control on item insertion on Page Load

Hi,

Based on the section Setting predefined values for controls inside user control on item insertion, how can I set predefined values inside a user control on item insertion at the Page Load when we set IsItemInserted = true in the PreRender Event ?

Here is the code I have

protected void RadGrid_PreRender(object sender, System.EventArgs e)

{

if (!this.IsPostBack)

{

if (Request["mode"] != null && Request["mode"] == "add")

{

RadGrid1.MasterTableView.IsItemInserted = true;

}

RadGrid1.MasterTableView.Rebind();

}

protected void RadGrid_ItemCommand(object source, GridCommandEventArgs e)

{

if (e.CommandName == RadGrid.InitInsertCommandName)

{

if (Request.QueryString["SomeParameter"] != null)

{

e.Canceled = true;

e.Item.OwnerTableView.InsertItem();

GridEditableItem insertedItem = e.Item.OwnerTableView.GetInsertItem();

String MyUserControlId = GridEditFormItem.EditFormUserControlID;

UserControl MyUserControl = insertedItem.FindControl(MyUserControlId) as UserControl;

HiddenField hidden = MyUserControl.FindControl("SomeControl") as HiddenField;

hidden.Value = Request.QueryString["SomeParameter"];

}

Also, it works fines if I don't add IsItemInserted = true in the PreRender event

Thanks

Grid

answered on 15 Sep 2018

2 answers

154 views

Only allow RadSearchBox selection to be one of the listed options

I have a RadSearchBox. The user can start typing and a list of selections comes up.

Is there a way I can restrict the user from typing in invalid choices? I want to force them to choose one of the items on the list.

Any ideas on the best way to approach this would be appreciated!

SearchBox

answered on 14 Sep 2018

1 answer

215 views

Diagram based on swimlane

Hi!

There's a way to build a diagram based on swimlane like Telerik for WPF does?

Thank's.

Diagram

answered on 14 Sep 2018

1 answer

124 views

Removing HighlightPath

Hi All,

Having an issue and maybe misunderstand implementation. Hope you can help.

I am able to set HighlightPath procedurally for main-item and sub-item in RadMenu using code similar to below:

        Dim currentItem As RadMenuItem = RadMenu1.FindItemByText(LabelMainMenu.Text)
        If (Not (currentItem) Is Nothing) Then
            currentItem.HighlightPath()
        End If

However, I am unable to find a way to turn off HighlightPath for menu items. Hence, every new menu item click is causing HighlightPath to accrue, sort of like a "visited" status link of a URL on an old HTML page (remember the purple color).

Sorry I digress. :)

I can loop through all menu items, but cannot find a property to turn off, i.e. there is no HighlightPath = false or similar.

I tried setting each item to Item.Items(j).Selected = False, but it does not turn off the highlight of the item.

Is there a global setting to reset all Highlights to nothing? or Perhaps a way to remove HighlightPath option, then turn back on to reset all?

I am struggling to find a solution.

Regards,

A.

Menu

answered on 14 Sep 2018

1 answer

83 views

Htmlchart font setting problem

Hi,

My html chart is working fine with chrome, in Microsoft Edge the Yaxis and Caxis get underlined for some reason, Please see attached images.

How can I remove the underline.

Many thanks in advance.

Chart (HTML5)

answered on 14 Sep 2018

3 answers

202 views

GridClientSelectColumndoesn't show

Hello,

I'm pretty new with the Telerik.

We have just updated to a new version of Telerik at my office and with the new version a GridClientSelectColumn is not visible in IE11. And if you refresh the page with F5 then you see the GridClientSelectColumn. So why does it not show from the beginning?

It's still work as before in chrome (showing up when you go to the page, like it also did in IE11 before we Implemented the new Telerik version.

ASP.NET code:

<telerik:RadGrid runat="server" ID="radGrid1" AutoGenerateColumns="False" AllowMultiRowSelection="True"
EnableEmbeddedSkins="False" OnNeedDataSource="ONDS1" OnItemDataBound="OIDB_OnItemDataBound"
Width="1195px" AllowSorting="True" AllowPaging="True" PageSize="500"
AllowFilteringByColumn="False" ClientDataKeyNames="test1" Visible="True">
<MasterTableView ClientDataKeyNames="Hello1, Hello2" DataKeyNames="DataField1, RequestReference, Message" >
<Columns>
<telerik:GridBoundColumn HeaderText="<%$ Resources:Hello.Main, Common_PartNumberText1 %>" DataField="DataField1" ShowFilterIcon="False"
AutoPostBackOnFilter="True" />
<telerik:GridBoundColumn HeaderText="<%$ Resources:Hello.Main, Common_ManufacturerText1 %>" DataField="DataField2" ShowFilterIcon="False"
AutoPostBackOnFilter="True" />
<telerik:GridBoundColumn HeaderText="<%$ Resources:Hello.Main, Common_DescriptionText1 %>" DataField="DataField3" ShowFilterIcon="False"
AutoPostBackOnFilter="True" />
<telerik:GridBoundColumn HeaderText="<%$ Resources:Hello.Main, Common_SentText1 %>" DataField="DataField4" DataFormatString="{0:yyyy/MM/dd HH:mm}" ItemStyle-Wrap="False"/>
<telerik:GridBoundColumn HeaderText="<%$ Resources:Hello.Main, Common_SentByText1 %>" DataField="DataField5" ShowFilterIcon="False"
AutoPostBackOnFilter="True" ItemStyle-Wrap="False"/>
<telerik:GridBoundColumn HeaderText="<%$ Resources:Hello.Main, Common_StatusText1 %>" DataField="DataField6"
ShowFilterIcon="False" AutoPostBackOnFilter="True" ItemStyle-Wrap="False"/>
<telerik:GridBoundColumn HeaderText="<%$ Resources:Hello.Main, Common_MessageText1 %>" DataField="DataField7" ShowFilterIcon="False"
HtmlEncode="True" AutoPostBackOnFilter="True"/>
<telerik:GridBoundColumn UniqueName="Uni1" DataField="DataField8" Display="False" />
<telerik:GridBoundColumn UniqueName="Uni2" DataField="DataField9" Display="False" />
<telerik:GridBoundColumn UniqueName="Uni3" DataField="DataField10" Display="False" />
<telerik:GridBoundColumn UniqueName="Uni4" DataField="DataField11" Display="False" />
<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" Display="False" runat="server" />
</Columns>

Code behind:

var selectCol = radGrid1.Columns.FindByUniqueName("ClientSelectColumn");
if (selectCol != null) {
selectCol.Visible = true;
selectCol.Display = true;
}

General Discussions

answered on 13 Sep 2018