Questions on UI for ASP.NET AJAX Forum

4 answers

103 views

Positioning/sizing the TrackChanges radWindow

In our site, we have a top menu bar that goes over content in the page. whenever we open radWindows we can set their position or set a restriction zone so that they will never get stuck under this menu. When a user with a small browser window (1024 x 768) clicks on the Track Changes button in radEditor, it is possible that the radWindow for track changes will open under the menu bar. This radWindow also cannot be closed by pressing the Esc key so the only option becomes reloading the page.

Is there any way to set the size, opening position, restriction zone or any other options that would prevent the radWindow for track changes to guarantee its position relative to the menu bar.

Thank You.

Editor

answered on 04 Mar 2014

2 answers

242 views

Change Position of Modal Dialogue

Modal Dialogues by your functionality always center on the window. In most cases, this makes sense and is the desired functionality. But sometimes we would like to be able to set the position of a Modal Dialogue.

In our case, it is when we have the radwindow modal inside of an iframe; we would prefer the position of the modal to be at the top of the iframe, but centered horizontally.

Is there currently a way to achieve this, without having conflicting client JS with the script that gets run to center the modal window?

Otherwise, feature request: it would be nice that if the Top or Left properties are set, then the control would override the default auto-center functionality.

thanks,

Window

answered on 03 Mar 2014

2 answers

168 views

GridDropDownColumns blank on postback

I have a RadGrid with several GridDropDownColumns configured as well as several GridBoundColumns. The grid is bound to a data source programatically using the NeedDataSource event. The dropdown columns use RadComboBox style drop downs which are also bound to datasources programatically, in the grid's ItemDataBound event when the grid is in Edit mode. When the grid is not in Edit mode, I set the value of the dropdown column cell's Text property, also in the ItemDataBound event.

This all works are required. However if I do something that causes a postback, but does not rebind the grid when the grid is not in Edit mode - for example selecting a row in the grid - the values in the dropdown columns go blank. Is the TableCell.Text property not persisted through postback? If not, which property should I use for this purpose, or how can I populate it again, given that the ItemDataBound property does not fire which you simply select a row in the grid.

Code sample below:

<telerik:RadGrid runat="server" ID="grdControl" AllowFilteringByColumn="True" AllowPaging="True"

AllowSorting="True" GridLines="None">

<MasterTableView AutoGenerateColumns="False" EditMode="EditForms" DataKeyNames="ControlId, StepId"

CommandItemDisplay="Bottom">

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<Columns>

<telerik:GridButtonColumn ButtonType="LinkButton" Text="Select" CommandName="Select" UniqueName="Select">

</telerik:GridButtonColumn>

<telerik:GridEditCommandColumn UniqueName="Edit">

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="Delete">

</telerik:GridButtonColumn>

<telerik:GridDropDownColumn DataField="ControlName" HeaderText="Control Type" UniqueName="ControlName">

</telerik:GridDropDownColumn>

<telerik:GridBoundColumn DataField="MaxLength" HeaderText="Max Length" UniqueName="MaxLength">

</telerik:GridBoundColumn>

<telerik:GridDropDownColumn DataField="TextMode" HeaderText="Text Mode"

UniqueName="TextMode" />

<telerik:GridDropDownColumn DataField="ListSource" HeaderText="List Source" UniqueName="ListSource">

</telerik:GridDropDownColumn>

<telerik:GridBoundColumn DataField="EmptyListText" HeaderText="Empty List Text" UniqueName="EmptyListText">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<FilterMenu>

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

Private Sub grdControl_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles grdControl.ItemDataBound

If TypeOf e.Item Is GridEditableItem Then

Dim item As GridEditableItem = e.Item

Dim control As FormControlInfo

Dim ffc As New FlexFormController()

If TypeOf e.Item Is GridEditFormItem AndAlso e.Item.IsInEditMode Then

If e.Item.OwnerTableView.IsItemInserted Then

control = New FormControlInfo()

Else

control = e.Item.DataItem

End If

Dim editor As GridDropDownListColumnEditor

Dim cbo As RadComboBox

'ControlName dropdown

Dim path As String = Server.MapPath("~/DesktopModules/Dotcom.FlexForm/Components/FormControls/")

Dim files As String() = IO.Directory.GetFiles(path, "*.ascx")

For i = 0 To files.Length - 1

files(i) = IO.Path.GetFileName(files(i)).Replace(".ascx", String.Empty)

Next

editor = item.EditManager.GetColumnEditor("ControlName")

editor.DataSource = files

editor.DataBind()

editor.SelectedValue = control.ControlName

'ListSource dropdown

editor = item.EditManager.GetColumnEditor("ListSource")

Dim controller As New Lists.ListController()

Dim list As Lists.ListInfoCollection

If String.IsNullOrEmpty(control.ParentKey) Then

list = controller.GetListInfoCollection()

editor.DataTextField = "DisplayName"

editor.DataValueField = "Key"

Else

list = controller.GetListInfoCollection(Nothing, control.ParentKey.Replace(":", "."))

editor.DataTextField = "Name"

editor.DataValueField = "Name"

End If

editor.DataSource = list

editor.DataBind()

cbo = editor.ComboBoxControl

cbo.Items.Insert(0, New RadComboBoxItem(Localization.GetString("EmptyListItem", Definition.SharedResources), String.Empty))

If Not String.IsNullOrEmpty(control.ListSource) Then

editor.SelectedValue = control.ListSource

End If

'TextMode dropdown

editor = item.EditManager.GetColumnEditor("TextMode")

editor.DataSource = [Enum].GetNames(GetType(TextBoxMode))

editor.DataBind()

cbo = editor.ComboBoxControl

cbo.Items.Insert(0, New RadComboBoxItem(Localization.GetString("EmptyListItem", Definition.SharedResources), String.Empty))

Else

control = e.Item.DataItem

item("ControlName").Text = control.ControlName

item("ListSource").Text = control.ListSource

item("EmptyListText").Text = Server.HtmlEncode(control.EmptyListText)

item("ParentControlId").Text = control.ParentId

If control.TextMode.HasValue Then

item("TextMode").Text = control.TextMode.Value.ToString

End If

End Sub

Grid

answered on 03 Mar 2014

1 answer

36 views

Button Height with different DevEnvironments

Shot in the dark to see if you could provide more information regarding a custom button height issue I am seeing. Using your Height40 example I ran in Visual Studio 2013 and got a bad display (see attached). Ran the same page in VS2010 and it looks completely fine. I'm attaching the project and screen shot for your review. I have no idea what to do would appreciate any help you might have.
John

<%@ Page %>

<%@ 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">
<head runat="server">
<title></title>
<style type="text/css">
/* IE7 line height */
* + html a.customHeight40 input.rbDecorated
{
line-height: 40px !important;
}
/* new sprite */
a.customHeight40, .customHeight40 input.rbDecorated
{
background-image: url(customHeight.gif) !important;
}
/* right rounded corner position */
a.customHeight40
{
background-position: right 0;
}
/* left rounded corner position */
a.customHeight40 input.rbDecorated
{
background-position: 0 -40px;
}
/* right rounded corner position hover state */
a.customHeight40:hover
{
background-position: right -80px;
}
/* left rounded corner position hover state */
a.customHeight40:hover input.rbDecorated
{
background-position: left -120px;
}
/* right rounded corner position active and focus states */
a.customHeight40:focus, a.customHeight40:active
{
background-position: right -160px;
}
/* left rounded corner position active and focus states */
a.customHeight40:focus input.rbDecorated, a.customHeight40:active input.rbDecorated
{
background-position: left -200px;
}
/* IE and Opera Focus and Active state fix with additional class, should be used !important */
a.customHeight40.rbPressedButton
{
background-position: right -160px !important;
}
a.customHeight40.rbPressedButton input.rbDecorated
{
background-position: left -200px !important;
}
/* IE8 Onclickg filckering Bug fix */
a.customHeight40.rbPressedIE8 input.rbDecorated, a.customHeight40.rbPressedIE8Rtl input.rbDecorated
{
-ms-background-position-x: 1px !important;
-ms-background-position-y: -199px !important;
}

a.customHeight40.rbPressedIE8Rtl input.rbDecorated
{
-ms-background-position-x: -1px !important;
}

/* fix end */
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<telerik:RadButton ID="RadButton3" runat="server" Text="Default Button Height 40px"
Height="40px" CssClass="customHeight40">
</telerik:RadButton>
<telerik:RadButton ID="RadButton2" runat="server" Text="Default Button Height 22px">
</telerik:RadButton>
</form>
</body>
</html>

Button

answered on 03 Mar 2014

1 answer

104 views

Change RadHtml Scatter Chart Legend symbol

In RadHtml Scatter Chart i'm using different symbols for the series(circle, triangle and square) and also different color for the symbols. I need to use the same symbol in the series to the legend also, for now it's just displaying square symbol with different color. Is this possible to display different symbol in the legend?

General Discussions

answered on 03 Mar 2014

1 answer

44 views

get value of specific value on item click

I am using the demo radrotator xml live for this project to show rss news.
One of the items in the rss feed is <link> which I am not showing but I would like to use it with the _temClick to open the full article in a radWindow.
This is my actual code:

01.<telerik:RadRotator ID="RadRotator1" RotatorType="AutomaticAdvance" ScrollDirection="Up"

02. ScrollDuration="4000" runat="server" Width="714"

03. ItemWidth="695" Height="260px" ItemHeight="70" FrameDuration="1" InitialItemIndex="-1"

04. CssClass="rotator" OnItemClick="RadRotator1_ItemClick">

05. <ItemTemplate>

06. <div class="itemTemplate" style="background-image: url('IMAGES3/<%# this.GetDayOfWeek(XPath("pubDate").ToString()) %>.png');">

07. <div class="dateTime">

08. <div class="time">

09. <%# (this.GetTimeOnly(XPath("pubDate").ToString())) %>

10. </div>

11. <div class="date">

12. <%# (this.GetDateOnly(XPath("pubDate").ToString()))%>

13. </div>

14. </div>

15. <div class="title">

16. <span>

17. <%# System.Web.HttpUtility.HtmlEncode(XPath("title").ToString())%>

18. </span>

19. </div>

20. <div class="buttonDiv">

21. <asp:Button ID="Button1" class="button" runat="server" Text="View" OnClientClick="OnClick" />

22. <asp:HiddenField id="rssLink" runat="server" value='<%= System.Web.HttpUtility.HtmlEncode(XPath("link").ToString()%>' />

23.

24. </div>

25. <div class="description">

26. <span>

27. <%# System.Web.HttpUtility.HtmlEncode(XPath("description").ToString())%>

28. </span>

29. </div>

30. </div>

31. </ItemTemplate>

32. </telerik:RadRotator>

I tried with an hiddenfiled to get the value of <link> at row 22 but I cannot get that value in code behind. Then I understood I should use the _itemClick to get the value '<%= System.Web.HttpUtility.HtmlEncode(XPath("link").ToString()%>' but I am really battling to get it.
Please help. How ten I get the value of the rss item <link> of the clicked radRotator item in Radrotatr_itemClicked?

Rotator

answered on 03 Mar 2014

9 answers

50 views

RadButton styling broken in Q3 2013 SP1

Hello,

I'm having problems with RadButton inside a RadGrid in the latest Q3 2013 SP1 release. See attached image.
This wasn't a problem in the Q3 2013 release. Is this a known issue? Is there a workaround?

regards,
Ronnie (posted from Steinar's account)

Grid

answered on 03 Mar 2014

12 answers

1.3K+ views

Unknown server tag

I'm using ASP.NET AJAX 2008.2.723. I am getting "unknown server tag" for every telerik control on the page (tabstrip & rotator). The controls are working in design mode, but when I build I get the server tag error. The register added to the page was

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

The BIN folder contains telerik.web.ui.dll (12,422kb), telerik.web.ui.dll.refresh (1kb), and telerik.web.ui.xml(2,909kb).

If the BIN files are there, and the Register is there, what else causes the telerik server tags to be unknown?

General Discussions

answered on 03 Mar 2014

1 answer

71 views

Set focus in paragraph tag on click

Hi,
As i upload image or document, it is added before p tag

I want to set focus in paragraph tag so that image is inserted in p tag.

eg current scenario <img src=''/><p></p>
i want it like this <p><img src=""></p>

Thanks

General Discussions

answered on 03 Mar 2014

3 answers

172 views

Q1’14 DevCraft release: Expand/collapse images missing in Office2010Black

Hi,

Just installed the Q1’14 release and switched to the Office2010Black skin to see what it looks like, but now I don't see any expand/collapse images in the RadTreeView.

Aren't there supposed to be any?

TreeView

answered on 03 Mar 2014