Questions on UI for ASP.NET AJAX Forum

1 answer

105 views

Load data upon dynamically creating a raddock

I'm following the RadDock demo "My Portal" pretty closely to add existing docks. I have drop downs and other controls that need to be loaded dynamically on my dock controls. I can get the docks to be created, but data isn't loaded. How can I get the Page_Load to run on a dock when I create it dynamically?

Edit: FIGURED IT OUT...PLEASE DISREGARD!!! Thanks

Dock

answered on 08 Sep 2011

6 answers

416 views

RadCombo Client Side Enter into Tab Keypress

I'm dynamically creating several RadComboBoxes. MarkFirstMatch is true, AllowCustomText is false, and the TabIndex is set for each of the controls.

I need the Enter key to function as such: 1) select the item selected in the combo box (the way that it functions by default) and then 2) tab into the next tabindex.

I've been trying to achieve this using the OnClientKeyPressing event without sucess since I'm not sure how to "turn" the Enter key press into a Tab key press.

Thank You,
sash

ComboBox

answered on 08 Sep 2011

1 answer

205 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

55 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

60 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

281 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

90 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

210 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

103 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

148 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