Questions on UI for ASP.NET AJAX Forum

1 answer

194 views

RAD Editor - paste from word - tables - extra formatting

Hi
I am trying to paste a document from word into the RAD Editor.
I have tried all the options available to me , i.e. paste from word, paste from word - strip font etc etc.

The issue is that the tables come up with really wierd extra style attributes which makes the rendering of the table in html totally messed up.

For example, below is a snippet of the HTML generated of one cell.

<td valign="bottom" style=

"border:1pt solid windowtext;width: 77.25pt;             padding-top: 0in; padding-right: 5.4pt; padding-bottom: 0in; padding-left: 5.4pt;"

>

<p style="margin-top: 2pt; margin-right: 0in; margin-bottom: 2pt; margin-left: 0in; text-align: center;"><strong>Area</strong></p>

</td>

Notice the stuff in the style attribute for the <td>

So my question is:
a) Can this be fixed at the time of pasting?
b) If not, can there be some call back mechanism that I can use to strip the style tags manually?

Let me know if you want me to attach the original file as well.

Syed

Editor

answered on 08 Sep 2011

1 answer

49 views

Design problem of Rad controls in Mozilla

Hi,

I have a problem with telerik controls design on one of my page. The telerik controls are not seen on that page only for Mozilla Firefox browser, but can be viewed in IE 8 correctly.

I am using the telerik version of 2010.1.415.35. If I use the 2008 or 2011 telerik controls then this problem does not occur.

Please help me on the issue.

Thanks.

General Discussions

answered on 08 Sep 2011

1 answer

54 views

RadRotator next item index in Firefox

Hi,

How can I get the next item index in Firefox. In IE I am able to get the value by this rotator._nextItemIndex. how can acheive the same functionality in FF

TIA
Uday

Rotator

answered on 08 Sep 2011

6 answers

276 views

Notification bug?

Hi,

When I try to fille a Notification instance from javascript like:

<script language="javascript">

function limiter(){

var tooltip = $find("<%=RadNotification1.ClientID%>");

tooltip.set_title("title text");

tooltip.set_text("notification text");

tooltip.show();

}

</script>

<a href="#" onclick="limiter();">do it</a>

<telerik:RadNotification ID="RadNotification1" Skin="Sunset" runat="server" Height="100" Width="300" Animation="Fade" EnableRoundedCorners="true"

EnableShadow="true" OffsetX="-20" OffsetY="-20" ContentIcon="none"></telerik:RadNotification>

it is setting the title text but NOT the notifier text.

Is this a bug?

BR,
Marc

Notification

answered on 08 Sep 2011

1 answer

87 views

How to perform validation in Grid's Insert/Edit Mode.

Hi
In Grid control during Insert mode, I want to perform some client side validation.

There is a dropdown containing DisplayItem and ValueItem. There is a textbox where some text will be entered
Validation I need is that 1st two characters of the text entered in textbox should match with dropdown's valueitem.

Any guidance on this. I am confused on how does javacript access dropdown and textbox control that is inside Insert mode and Edit mode of Grid. Any sample would save my research time and guide me further.

Regards
JD.

Grid

answered on 08 Sep 2011

4 answers

202 views

RadWindow close button w/ OnHover CSS not working as expected under Opera

Hi Telerik,

I am experiencing a weird quirk while developing under the Opera browser.

Version information

Version

11.51

Build

1087

Platform

Win32

System

Windows 7

XHTML+Voice

Plug-in not loaded

Browser identification

Opera/9.80 (Windows NT 6.1; U; Edition United States Local; en) Presto/2.9.168 Version/11.51

I have this CSS property set on my dashboard page which is responsible for opening the corresponding RadWindow:

.RadWindow_Web20 .rwCloseButton:hover

{

cursor: pointer;

}

and this is what happens when I mouse-over that icon in Opera: http://screencast.com/t/WMiaaJC3

with relevant code-behind:

<tr class="rwTitleRow">

<td class="rwCorner rwTopLeft"> </td>

<td class="rwTitlebar" style="cursor: move">

<div class="rwTopResize">

</div>

<table align="left" cellspacing="0" cellpadding="0" class="rwTitlebarControls">

<tbody>

<tr>

<td style="width: 16px">

<a class="rwIcon" style=

"background-position: 0px 0px; background-color: transparent; background-attachment: scroll; background-repeat: no-repeat; background-image: url("

http://localhost/csweb_IISVS2010/Content/Dashboard/Icons/drive-upload.png"); background-size: auto; background-origin: padding-box; background-clip: border-box"/>

</td>

<td>

<em unselectable="on" style="width: 194px">Upload Dashboard</em>

</td>

<td nowrap="true" style="white-space: nowrap">

<ul class="rwControlButtons" style="width: 30px">

<li>

<a href="javascript:void(0);" class="rwCloseButton" title="Close">

<span>Close</span>

</a>

</li>

</ul>

</td>

</tr>

</tbody>

</table>

</td>

<td class="rwCorner rwTopRight"> </td>

</tr>

Weird, right? Any ideas, or is this a browser thing?

Button

answered on 08 Sep 2011

3 answers

99 views

[Solved] Close-Button location wrong in IE8

Hello,

I just tested my AdvancedInsertForm in IE8 and noticed that the close-button is not where it should be. I attached an image where you can see it in IE8.
IE9, Chrome and Firefox display the close button correctly.

I set the classes of the advaned insert as described in various demos. Thats the generated ouput from Chrome (IE looks the same):

<div class="rsAdvFormWrap" style="display: block; ">

<div class="rsAdvancedEdit rsAdvancedModal" style="position: fixed; display: block; z-index: 2501; width: 1000px; top: 202.5px; left: 237px; ">

<div class="rsModalBgTopLeft"></div>

<div class="rsModalBgTopRight"></div>

<div class="rsModalBgBottomLeft"></div>

<div class="rsModalBgBottomRight"></div>

<div class="rsAdvTitle">

<h1 class="rsAdvInnerTitle">Neue Serienbuchung anlegen</h1>

<a id="RadScheduler_Form_AdvancedEditCloseButton" title="Schließen" class="rsAdvEditClose" href="javascript:__doPostBack('RadScheduler$Form$AdvancedEditCloseButton','')"></a>

</div>

<div class="rsAdvContentWrapper" style="padding:15px;">

<div class="rsAdvOptionsScroll" style="max-height: 550px; ">

Thanks for your help!

Scheduler

answered on 08 Sep 2011

1 answer

140 views

Dock Horizontal Orientation (with no wrapping)

Hi,

Question: How do you prevent a dock zone in horizontal orientation from wrapping the dock zones?
Reason: I need to keep all windows in 1 row and have a scroll bar allow the user to see the windows that go off the page. This needs to maintain only 1 row of windows even when users resize their browser.

Why:
I am building a dashboard that allows users to add as many dock windows to a single horizontal dock zone as they wish. We offer a setting in the interface that lets the user show N windows in the current screen. We set the window width based on the the current resolution divided by the number of windows the user wants to view in the screen. All other windows (if any) go off the page to the right and user can view them with the horizontal scroll bar.

Ex) If the user has 5 windows and they choose to view 3 windows in the screen and our screen width is 1000px... We would make the window width = 1000 / 3 (roughly). The other 2 windows would be off the page and the scroll bar is needed to view them.

Thank you in advance for your help!

Ryan

Dock

answered on 08 Sep 2011

3 answers

209 views

Miminun column width

Dear Telerik team!

Could you please advice if it is possible to set a minimum width for a radscheduler column?

I've got a scheduler with variable number of columns. So it would be preferable if having few columns the scheduler was as large as the whole page but having many ones it showed the horizontal scroll bar and make the colunm width, say, 250px...

Thank you very much!

Scheduler

answered on 08 Sep 2011

1 answer

432 views

how to load new captcha image from javascripts

HI, Can you please tell me , how to reload new captcha image from javascript when ever client side validation of other controls fails in the same page.

Captcha

answered on 08 Sep 2011