Questions on UI for ASP.NET AJAX Forum

1 answer

644 views

[Solved] Disable button to avoid double-click

Hi,

I'm trying to disable the button by clicking submit (In order to avoid double-click from the user). Below the code which I'm using:

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

<script type="text/javascript">

function RequestStart(sender, args) {

var submitButton = $get("<%= EditButton.ClientID %>");

submitButton.disabled = true;

}

</script>

</telerik:RadCodeBlock

<telerik:RadAjaxPanel ID="MainRadAjaxPanel" runat="server" LoadingPanelID="MainRadAjaxLoadingPanel" ClientEvents-OnRequestStart="RequestStart" >

....... The form controls ....

<asp:Button ID="EditButton" runat="server" Text="Edit" SkinID="NormalButton" OnClick="EditButton_Click" />

</telerik:RadAjaxPanel>

Since the above javascript function is needed to be used in many pages in the website, and the submit button name may be changed (For example: EditButton, SubmitButton, ChangeButton ....), I'm wonder If it is possible to find the submit button name and to disable it using the above javascript.

Please, I need your help.

Regards,
Bader

Ajax

answered on 01 Feb 2012

1 answer

36.0K+ views

[Solved] Apple-interchange-newline class appearing in RadEditor

Hello,

While trying to debug an issue with the RadEditor that we're having I ran into this and am not sure why or where it's coming from.
In Design mode I create a table, for example a 2x2 table with a number in each cell.
I go into HTML mode and remove the <p><br /></p> tags.

So all I have in the HTML is the following:
<table>
<tbody>
<tr>
<td>1 </td>
<td>2 </td>
</tr>
<tr>
<td>3 </td>
<td>4 </td>
</tr>
</tbody>
</table>

Now I got back into Design mode, press the Enter key, and copy and paste the existing table.
The result is the following:
<table>
<tbody>
<tr>
<td>1 </td>
<td>2 </td>
</tr>
<tr>
<td>3 </td>
<td>4 </td>
</tr>
</tbody>
</table>
<div style="padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; background-image: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">
<table>
<tbody>
<tr>
<td>1 </td>
<td>2 </td>
</tr>
<tr>
<td>3 </td>
<td>4 </td>
</tr>
</tbody>
</table>
</div>
<br class="Apple-interchange-newline">
<br>

Where did that class reference come from and why is it there?
FYI, we are using version 2011.3.1305.40. I am using the RadEditor on Chrome on a Windows 7.

Any ideas would be good.

One side question: what does FixEnclosingP literally do when you disable it? What does it do when you enable it?

Thanks,
Cameron

Editor

answered on 01 Feb 2012

1 answer

107 views

LoadingPanel and custom paging

Problem: LoadingPanel does not display when using custom paging with a RadDataPager and a RadListView.

This is on a User Control using RadAjaxManagerProxy to configure Ajax settings. The manager is working correctly because the ListView does postback and page correctly. It's just the loading panel that will not display.

The outline of the control is as follows:

-RadAjaxManagerProxy
-RadAjaxLoadingPanel
-RadTabStrip
-RadMultiPage
   -RadPageView
      -RadListView
          -RadDataPager (on ListView ItemTemplate)

I've tried moving the Loading Panel around, changing how the manager updates the controls, etc. I have not been able to make the LoadingPanel appear in any scenario. Any thoughts on what could be causing this problem?

Ajax

answered on 01 Feb 2012

3 answers

142 views

[Solved] Raddock height at client side

Hi all,
How to determine the RadDock height at codebehind and also clientside.
I am not setting RAdDock height explicitly,and I'm creating docks dynamicaly from code behind.
Depending on the controls in RadDock and the content in the Controls its height varies.
Even Edit of RadDock changes the height of RAdDock.
So can anyone help me in accessing the height everytime i make changes at runtime .(Both codebehind and Clientside)
pls help me asap.its very imp
Note:I'm using dock and old raddockableobject
Thank you.

Dock

answered on 01 Feb 2012

1 answer

48 views

How to enable the xhtml code allowed in Radeditor?

Hi,

How to enable the RadEditor so that it will allow the Xhtml code also.

Thanks

General Discussions

answered on 01 Feb 2012

7 answers

700 views

resize radwindow based on content NOT onload

Hi,

I need some help. I have a radwindow with contenttemplate. i want it to behave like a regular div, or lets say like the jquery ui window where the window height increases LIVE based on html instead of calling autosize or setting width and height on every move.

what i have inside is a radasync upload, when you upload files in async, the list of files uploaded gets appended and a scroll bar appears, instead i want the window size to increase. i know i could use the client side api of radasync upload to trigger window size, but i'm interested in a clean method where the radwindow behaves like a div.

is there a hack to do it? like setting height to auto or to set display as table or something? if not, can telerik introduce such feature? i wanted to use the jquery ui, but to be consistent with the theme and ability to post back / control state from server end, i prefer radwindow.

please let me know if there is a solution.

thanks.

Window

answered on 01 Feb 2012

1 answer

55 views

Problem in RadWindow as a Content Container

Hi
I've used a RadWindow as a content container of a form.
I've placed a ComboBox in it's ContentTemplate but it seems there are some javascript problems and my ComboBox control does Not work correctly.

Thank you

General Discussions

answered on 01 Feb 2012

1 answer

152 views

View State Mode Disabled shows Select Column on Radgrid

I have created a radgrid and have set it's view state mode to disabled. Problem is it generates an extra 'select' column and cannot seem to remove it. If I remove the view state then the column disappears.

Tried setting the columns auto generate to false yet it remains persistant. Also tried forcing it to be invisible as follows...

<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" visible="false" />

Yet it remains there.

What can I do to remove it please?

Pasted my code below. Thanks in advance for your help.

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True"

GridLines="None" AllowFilteringByColumn="True" AllowSorting="True" Height="300px"

PageSize="7" OnItemDataBound="RadGrid1_ItemDataBound"

ViewStateMode="Disabled" OnDataBound="RadGrid1_DataBound" AutoGenerateColumns="false"

SelectedItemStyle-Width="0px" CellSpacing="0">

<MasterTableView>

<Columns>

<telerik:GridBoundColumn

DataField="CODE"

HeaderText="Code"

ReadOnly="True"

SortExpression="CODE" UniqueName="CODE">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn

DataField="NAME"

HeaderText="Code"

ReadOnly="True"

SortExpression="NAME" UniqueName="NAME">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="True" UseClientSelectColumnOnly="false" />

<ClientEvents OnRowSelected="RowSelected" />

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 01 Feb 2012

1 answer

122 views

redering problem in latest Chrome version

HI

Just today I have started seeing a strange in in Chrome browser version 16.0.912.77m on windows 7
On hover, the buttons in all skins have a grey or black line at the top (attached screen image) .

Everything is OK in Firefox, Safari, and Internet Explorer.

I can only think that the latest version has introduced the problem. Has anyone else seen this?
And what is the answer? Is there a css workaround?

I am using Q2 2010 version of the dll

Thanks

Clive

Button

answered on 01 Feb 2012

4 answers

378 views

RadEditor Image Manager Upload Button and others Disabled - Windows Authentication

This is a very common issue that I have seen addressed in threads.. However, none of the solutions are working for me. I have tried the following threads just to list a few:

http://www.telerik.com/community/forums/aspnet-ajax/editor/radeditor-image-manager-buttons-disabled.aspx
http://www.telerik.com/support/kb/aspnet-ajax/editor/error-sys-is-not-defined.aspx
http://www.telerik.com/support/kb/aspnet-ajax/editor/uploading-images-to-the-server-upload-tab-is-disabled.aspx

I think that covers the majority of proposed solutions I've seen -- but not mine. Here are my specifics:

[Code Block 0] - My .aspx code for the editor

When a user accesses RADEditor's Image Manager from outside of the network for which the website resides on, subdirectories are listed, but buttons are disabled and filenames are hidden. This is happening both within the admin section (Windows Authentication) and at the root level of the web site (no authentication required). Essentially, when I or anyone else is at work or over our VPN, Image Manager works. Otherwise, Image Manager is disabled. Like I said, I have attempted the following:

Gave "Network Service" account full control of the directory for which images reside.
Set <location path> as suggested in both the base web.config and the web.config in the "admin" directory (simultaneously, and independently) as well as tried pointing the location to both root level and admin level [Code Block 1].
Placed the dll/xml files in a bin directory within the "admin" directory
Verified that my handlers and everything was setup correctly in web.config as well as tried placing them in the "admin" directory web.config [Code Block 2]

Telerik Product version: 2010.3.1317.35
Site Authentication: Windows
Site FX: 3.5

[Code Block 0]

<telerik:RadEditor DialogHandlerUrl="~/Telerik.Web.UI.DialogHandler.axd" ID="edtHomePageContent"

runat="server" Width="100%" ImageManager-ViewPaths="~/assets/img" ImageManager-UploadPaths="~/assets/img"

ImageManager-DeletePaths="~/assets/img" DocumentManager-DeletePaths="~/assets/files"

DocumentManager-UploadPaths="~/assets/files" DocumentManager-ViewPaths="~/assets/files"

FlashManager-DeletePaths="~/assets/videos" FlashManager-UploadPaths="~/assets/videos"

FlashManager-ViewPaths="~/assets/videos" MediaManager-DeletePaths="~/assets/files"

MediaManager-UploadPaths="~/assets/files" MediaManager-ViewPaths="~/assets/files"

TemplateManager-DeletePaths="~/assets/templates" TemplateManager-UploadPaths="~/assets/templates"

TemplateManager-ViewPaths="~/assets/templates">

<CssFiles>

<telerik:EditorCssFile Value="~/style.css" />

</CssFiles>

</telerik:RadEditor>

[Code Block 1] - Note: I have to use .axd for the dialog handler as I have a url rewriter that conflicts with .aspx

<location path="admin/Telerik.Web.UI.DialogHandler.axd">

<system.web>

<authorization>

<allow users="?"/>

</authorization>

</system.web>

</location>

<location path="admin/Telerik.Web.UI.SpellCheckHandler.axd">

<system.web>

<authorization>

<allow users="?"/>

</authorization>

</system.web>

</location>

<location path="Telerik.Web.UI.DialogHandler.axd">

<system.web>

<authorization>

<allow users="?"/>

</authorization>

</system.web>

</location>

<location path="Telerik.Web.UI.SpellCheckHandler.axd">

<system.web>

<authorization>

<allow users="?"/>

</authorization>

</system.web>

</location>

[Code Block 2] Note: For kicks, this is what my admin level web.config looked like. The handlers are set like this in the root level web.config currently.

<system.web>

<authorization>

<allow users="user1" />

</authorization>

<httpHandlers>

<remove verb="*" path="*.asmx"/>

<add verb="*" path="*.asmx" validate="false" type=

"System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

<add verb="*" path="*_AppService.axd" validate="false" type=

"System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

<add verb="*" path="Telerik.Web.UI.DialogHandler.axd" type="Telerik.Web.UI.DialogHandler, Telerik.Web.UI, Culture=neutral, PublicKeyToken=121fae78165ba3d4" />

<add path="Telerik.Web.UI.DialogHandler.axd" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false" />

<add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false" />

<add verb="GET,HEAD" path="ScriptResource.axd" type=

"System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

validate="false"/>

<add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false" />

<add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false" />

<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />

</httpHandlers>

<httpModules>

<add name="ScriptModule" type=

"System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

</httpModules>

</system.web>

<system.webServer>

<validation validateIntegratedModeConfiguration="false"/>

<modules>

<remove name="ScriptModule"/>

<add name="ScriptModule" preCondition="managedHandler" type=

"System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

</modules>

<handlers>

<remove name="WebServiceHandlerFactory-Integrated"/>

<remove name="ScriptHandlerFactory"/>

<remove name="ScriptHandlerFactoryAppServices"/>

<remove name="ScriptResource"/>

<remove name="WebServiceHandlerFactory-ISAPI-2.0"/>

<remove name="ChartImage_axd" />

<remove name="Telerik_Web_UI_SpellCheckHandler_axd" />

<remove name="Telerik_Web_UI_DialogHandler_axd" />

<remove name="Telerik_RadUploadProgressHandler_ashx" />

<remove name="Telerik_Web_UI_WebResource_axd" />

<add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode" type=

"System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

<add name="ScriptHandlerFactoryAppServices" verb="*" path="*_AppService.axd" preCondition="integratedMode" type=

"System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

<add name="ScriptResource" preCondition="integratedMode" verb="GET,HEAD" path="ScriptResource.axd" type=

"System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"

/>

<add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" preCondition="integratedMode,runtimeVersionv2.0" />

<add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" preCondition="integratedMode,runtimeVersionv2.0" />

<add name="Telerik_Web_UI_DialogHandler_axd" path="Telerik.Web.UI.DialogHandler.axd" type="Telerik.Web.UI.DialogHandler" verb="*" preCondition="integratedMode,runtimeVersionv2.0" />

<add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" preCondition="integratedMode,runtimeVersionv2.0" />

<add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode,runtimeVersionv2.0" />

</handlers>

</system.webServer

Editor

answered on 01 Feb 2012