Questions on UI for ASP.NET AJAX Forum

2 answers

300 views

[Solved] Issue binding RadAutoCompleteBox in edit template form

Hello!

I am having a RadAutoCompleteBox in the edit template form of my RadGrid. I am trying to bind it to a string array in my code behind file. The control is rendered but when I try to type in it I get DataSource(or DataSourceID) is not set error. Here are some code snippets:

ASCX

<EditFormSettings EditFormType="Template">

<FormTemplate>

<telerik:RadAutoCompleteBox ID="RadAutoCompleteBox1" runat="server" DataSource="<%#AutoCompleteBoxDataSource%>" InputType="Token" AllowCustomEntry="true"></telerik:RadAutoCompleteBox>

</FormTemplate>

</EditFormSettings>

ASCX.CS

public string[] AutoCompleteBoxDataSource;

protected void Page_Load(object sender, EventArgs e)

{

AutoCompleteBoxDataSource = new string[] { "value1", "value2", "value3", "value4" };

}

protected void RadGrid_ItemDataBound(object sender, GridItemEventArgs e)

{

if ((e.Item is GridEditFormItem) && (e.Item.IsInEditMode))

{

GridEditFormItem editform = (GridEditFormItem)e.Item;

RadAutoCompleteBox racEditForm= (RadAutoCompleteBox)editform.FindControl("RadAutoCompleteBox1");

if (racEditForm= != null)

{

racEditForm.DataSource = AutoCompleteBoxDataSource;

racEditForm.DataBind();

}

I've tried removing the DataSource from the .ascx file but it caused a server error saying DataSource not set. I have another RadAutoCompleteBox control outside of the RadGrid which is working without any issues.

Thanks in advance!

Regards,

T.Toncheva

AutoCompleteBox

answered on 26 Jan 2017

20 answers

564 views

Some issues with working in the editor

Hi,

We have found some issues while working with the editor.

Issue 1: Image Map Editor
Click on an image in the editor and open the image map editor with your right mouse button. Add an area with same size as the image itself. After OK, you can't select image anymore, even the right mouse menu is not working anymore. So editing area's and image itself after that is not possible anymore. Tested in Chrome and reproduced in your demos.

Issue 2: Crash on switching between HTML and Design mode
After some changes in the HTML mode, the editor crashed with a javascript error: Uncaught TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'. Tested in Chrome, but not reproduceable in your demos. It seems this causes by the RadWindowManager which is added in a same page as the editor. But the error is known by you?

Issue 3: Crazy attributes and HTML elements
When an user is working with the editor (adding an image, typing a text, changes size of a text, etc etc), sometimes the editor will add crazy attributes to the BODY element or adds HTML spans. This are very hard to reproduce, and there are no cases which this issue can be reproduced each times.
- contenteditable="true" in the body element. It happened a few times here and with our users. We have fixed this by removing this attribute with client script but it have to be fixed in the editor itself. Seems an known issue here at the forum, but no fix...
- jquery111108884286452584759="5" in the body element. Seems happens while working with image map editor, but not each time.
- <span class="__red_marker" /> or in that way. Added after BODY element.

I hope you can help me out with this issues.

Kind regards,
Jelle

Editor

answered on 26 Jan 2017

2 answers

175 views

SelectedIndexChanged not working

I have a RadGrid and the SelectedIndexChanged is not firing. I have literally tried to change every property and I have tried it with the postback and OnSelectedIndexChanged set correctly per all the examples.

Here is the code: Right now its set to OnSelectedIndexChanged but i have tried ever combination

<telerik:RadGrid ID="RadGridRigDiff" runat="server"

GridLines="None" BackColor="#313131" ForeColor="White"

OnSelectedIndexChanged="RigDiff_SelectedIndexChanged"

Style="width: 100%; height: 92%;">

<ClientSettings EnablePostBackOnRowClick="false">

<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="true" ></Scrolling>

<Selecting AllowRowSelect="true" />

</ClientSettings>

<AlternatingItemStyle BackColor="#313131" ForeColor="White" />

<MasterTableView >

<ItemStyle HorizontalAlign="Left" Font-Size="11pt" />

<AlternatingItemStyle HorizontalAlign="Left" Font-Size="11pt" />

</MasterTableView>

<HeaderStyle BackColor="#313131" ForeColor="White" />

<ItemStyle BackColor="#313131" ForeColor="White" />

</telerik:RadGrid>

here are my two functions I use... I just comment the one out I'm not using

Protected Sub RigDiff_SelectedIndexChanged(sender As Object, e As EventArgs)

MsgBox("Hello")

End Sub

Protected Sub RadGridRigDiff_SelectedIndexChanged(sender As Object, e As EventArgs) Handles RadGridRigDiff.SelectedIndexChanged

MsgBox("Hello")

End Sub

HERE is my code to set the grid...

SQL_RigChange = "My SQL Statement"

Dim DT_RigTab_Grid As New DataTable

Dim daRigTab_Grid As New SqlDataAdapter(SQL_RigChange, Conn)

daRigTab_Grid.Fill(DT_RigTab_Grid)

Dim DT_RigTab_Grid2 As New DataTable

If DT_RigTab_Grid.Rows.Count > 0 Then

DT_RigTab_Grid2 = Get_Diff(DT_RigTab_Grid, "Grid")

End If

For Each row As DataRow In DT_RigTab_Grid2.Rows

row.Item("Name") = StrConv(row.Item("Name"), VbStrConv.ProperCase)

Next row

RadGridRigDiff.DataSource = DT_RigTab_Grid2

RadGridRigDiff.DataBind()

RadGridRigDiff.MasterTableView.GetColumn("Sort").Visible = False

RadGridRigDiff.MasterTableView.GetColumn("Flag").Visible = False

RadGridRigDiff.MasterTableView.GetColumn("Change").ItemStyle.HorizontalAlign = HorizontalAlign.Center

RadGridRigDiff.MasterTableView.GetColumn("M1Total").ItemStyle.HorizontalAlign = HorizontalAlign.Center

RadGridRigDiff.MasterTableView.GetColumn("M2Total").ItemStyle.HorizontalAlign = HorizontalAlign.Center

RadGridRigDiff.MasterTableView.GetColumn("Name").HeaderStyle.Width = Unit.Pixel(220)

RadGridRigDiff.MasterTableView.ItemStyle.Height = 15

RadGridRigDiff.MasterTableView.AlternatingItemStyle.Height = 15

Grid

answered on 25 Jan 2017

2 answers

125 views

Is it possible to change scroll position in grid

Hi,

Is it possible to move the scroll postion of the datadiv and headerdiv for a grid to say 50px over when a user scrolls? I have two grid command buttons and would like to move the grid over when the user scrolls down, so that they would have to scroll right to see buttons. Is this possible?

Thanks,

Steve

Grid

answered on 25 Jan 2017

3 answers

67 views

RadDropDownTree get detached from radgrid

When I have a RadDropDownTree inside a RadGrid and the edit mode is set to batch, the RadDropDownTree detaches from the edit cell and appears at the top right of the screen. Any ideas why?

Grid

answered on 25 Jan 2017

1 answer

348 views

Reverse scroll direction of ListBox?

I am working on a real-time chat area in my site where I have a listbox that has chat messages show up as they come in. My issue is that I want all new message to show up at the bottom of the page, and to have the scroll position kept at the bottom of the page.

I found javascript to set the scroll-position to the bottom of the listbox on pageload, but some of the messages may contain large images that, on slow 3G/4G phones, take a bit to load in. When they finish loading in, they increase the length of the listbox's content, this making the scrollbar not be pinned to the bottom of the list.

I tried to alleviate this issue by using jQuery to scroll to the bottom of the listbox after all images are loaded, but for many users this results in the listbox's scroll position jerking around.

Is there an easier way to just *reverse* the scrolling direction of the listbox, or some alternative I am missing?

ListBox

answered on 25 Jan 2017

10 answers

183 views

Edited ShapesCollection

Hi,

RadDiagram is really nice component. I am trying to adapt this control to my project. After binding components using server-side methods, it worked fine. However I couldn't get edited shapes new properties (new title,X,Y). ShapesCollection has initial shapes. Is there any way that we can get the latest state of shapes at the server side.

Thanks.

Diagram

answered on 25 Jan 2017

9 answers

366 views

Radscheduler Month View Appointment Overlap

I'm having issues with the radscheduler overlapping in monthview.

the calendar is question is:
http://eastmeadow.syntaxschools.chasestaging.net/calendar/calendarview.aspx?group=&RequestedDate=9/1/2012&RequestedCalendar=monthgrid

If you look at the 10th you can see that the 'Adult Ed' appt spans 3 days, but is hidden behind the other appointments.

I'm using the latest build of the rad controls (2012.2.607.35), but can't seem to get the appointments to not overlap if the appointment is not set to 'all day'.

Here's my current settings:

<telerik:RadScheduler runat="server" ID="RadScheduler1"

AllowEdit="False"

AllowInsert="False"

AllowDelete="False"

Height="100%"

DayStartTime="07:00:00"

DayEndTime="23:00:00"

EnableDescriptionField="True"

ShowAllDayRow="False"

OnClientAppointmentClick="OnClientApointmentClick"

OverflowBehavior="Expand" MonthView-AdaptiveRowHeight="True">

<MonthView AdaptiveRowHeight="false" MinimumRowHeight="5" VisibleAppointmentsPerDay="50" />

<TimelineView UserSelectable="false" />

<ResourceTypes>

<telerik:ResourceType KeyField="GroupID" Name="Group" TextField="GroupCssClass" ForeignKeyField="GroupID" DataSourceID="ldsGroups" AllowMultipleValues="true" />

</ResourceTypes>

<WebServiceSettings>

<ODataSettings InitialContainerName=""></ODataSettings>

</WebServiceSettings>

<AppointmentTemplate>

<div class="rsAptSubject">

<div style="padding-right: 20px;"><%# Eval("Subject") %></div>

<div style="position:absolute;top:0;right:0;padding: 1px;">

<span style="cursor: pointer; cursor: hand;">

<asp:ImageButton runat="server" ID="Button1"

ImageUrl="/images/icons/outlook.png"

AlternateText="Export to iCalendar"

CommandName="Export"

OnClientClick="Export(this, event); return false;" />

</span>

</div>

</AppointmentTemplate>

<TimeSlotContextMenuSettings EnableDefault="false" />

<AppointmentContextMenuSettings EnableDefault="false" />

</telerik:RadScheduler>

I've tried the following css with no luck:

.rsApt,.rsAptIn, .rsAptContent, .RadScheduler .rsMonthView .rsAptOut, .RadScheduler .rsMonthView .rsAptMid

{

min-height: 30px !important;

height: auto !important;

}

.RadScheduler .rsMonthView .rsWrap

{

min-height: 34px !important;

height: auto !important;

}

Do you have any idea why the appointments would be overlapping like this and how to possibly correct it?

Janean

Scheduler

answered on 25 Jan 2017

1 answer

132 views

Prevent Selecting when Expand/Collapse

I have allowed the Row Selection for the RadGrid

<Selecting AllowRowSelect="true" />

and it works fine except that I don't want to select the row if the expand/collapse column is clicked.

Meaning I want to only see the details table of the certain item without selecting it. How to achieve that?

Thank you

Grid

answered on 25 Jan 2017

5 answers

282 views

FilterExpression blank

Hi

On one particular page I am having a problem with filters in a RadGrid. I have another page with a similar setup that works fine.

I am finding that when a user enters a filter value the post back happens as expected but the filter value MasterTableView.FilterExpression is empty. Oddly the grid still seems to do a client side filter but there is no server filter value entered.

Any suggestions as to what could cause this? I've been looking for the various differences in the pages and am stumped on it!

Regards

Jon

Grid

answered on 25 Jan 2017