Questions on UI for ASP.NET AJAX Forum

3 answers

153 views

RadSlider not displaying inside of a RadGrid Template Column

Hi,

I'm having a problem with the RadSlider while inside of a RadGrid's Template Column.

What happens on my page, is a user will select a date from a RadCalendar. For each date selected, a new column will appear in the RadGrid. Each Row will have three Template Columns. The first template column has an ASP RadioButton List, the second has an ASP CheckBox List and the third and final column has a RadSlider control.

Everything works fine, except on creation of the first row the RadSlider is not display (it is created and retrievable programmatically). When the second row is created the first and second RadSlider are displayed correctly. The code used to create the rows is entirely client side, so I am using set_dataSource() and dataBind() to bind my RadGrid. My question is, what is different the second time through for the RadGrid that allows it to display the RadSlider after the second date selection and not the first?

Below is the Mark-up for the RadGrid:

<tel:RadGrid runat="server" ID="gvNumNauseaEpisodesPerOccurance"
       AutoGenerateColumns="false"
       GridLines="None"
       Skin=""
       Width="100%"
       style="display:none;"
    <HeaderStyle CssClass="GridHeader" />
    <ItemStyle CssClass="GridRow" />
    <AlternatingItemStyle CssClass="GridAltRow" />
    <ClientSettings>
        <ClientEvents OnCommand="function(){}"                                                                                                                                                                                                                                                                            
                OnRowDataBound="gvNumNauseaEpisodesPerOccurance_RowDataBound"  />
        <Scrolling AllowScroll="true" />
    </ClientSettings>
    <MasterTableView TableLayout="Fixed" ShowHeader="true">
        <Columns>
            <%-- Date --%>
            <tel:GridBoundColumn HeaderText="Date"
                        DataField="date_str"
                        HeaderStyle-Width="80px">
            </tel:GridBoundColumn>
            <%-- Frequency --%>
            <tel:GridTemplateColumn HeaderText="Frequency"
                           HeaderStyle-Width="150px">
                <ItemTemplate>
                    <asp:RadioButtonList runat="server" ID="gvNumNauseaEpisodesPerOccurance_Frequency"
                                RepeatColumns="1"
                                RepeatDirection="Vertical"
                                Width="100%">
                        <asp:ListItem Text="Constant" Value="C">
                        </asp:ListItem>
                        <asp:ListItem Text="Intermittent" Value="I">
                        </asp:ListItem>
                    </asp:RadioButtonList> 
                </ItemTemplate>
            </tel:GridTemplateColumn> 
            <%-- Time of Day --%>
            <tel:GridTemplateColumn HeaderText="Time of Day"
                           HeaderStyle-Width="175px">
                <ItemTemplate>
                    <asp:CheckBoxList runat="server" ID="gvNumNauseaEpisodesPerOccurance_chklstTimeOfDay"
                               RepeatColumns="2"
                               RepeatDirection="Horizontal">
                        <asp:ListItem Text="Morning" Value="Morning">
                        </asp:ListItem>
                        <asp:ListItem Text="Afternoon" Value="Afternoon">
                        </asp:ListItem>
                        <asp:ListItem Text="Evening" Value="Evening">
                        </asp:ListItem>
                        <asp:ListItem Text="Night" Value="Night">
                        </asp:ListItem>
                    </asp:CheckBoxList>
                </ItemTemplate>
            </tel:GridTemplateColumn>
            <%-- Severity style="display:none;"--%>
            <tel:GridTemplateColumn HeaderText="Severity">
                <ItemTemplate>                                                                                                   
                    <tel:RadSlider runat="server" ID="gvNumNauseaEpisodesPerOccurance_Severity"
                              Skin="Web20"
                              Width="100%">
                        <Items>
                            <tel:RadSliderItem Text="0 (None)" Value="0" />
                            <tel:RadSliderItem Text="1" Value="1" />
                            <tel:RadSliderItem Text="2" Value="2" />
                            <tel:RadSliderItem Text="3" Value="3" />
                            <tel:RadSliderItem Text="4" Value="4" />
                            <tel:RadSliderItem Text="5" Value="5" />
                            <tel:RadSliderItem Text="6" Value="6" />
                            <tel:RadSliderItem Text="7" Value="7" />
                            <tel:RadSliderItem Text="8" Value="8" />
                            <tel:RadSliderItem Text="9" Value="9" />
                            <tel:RadSliderItem Text="10 (Worst)" Value="0" />
                        </Items>
                    </tel:RadSlider>
                </ItemTemplate>
            </tel:GridTemplateColumn>
        </Columns>
    </MasterTableView>
</tel:RadGrid>

Slider

answered on 20 Dec 2010

3 answers

136 views

Loading Panel doesn't display

I have some controls inside of a multipage enclosed in div tags. All of the controls update/postback correctly with ajax, however, the loading panel does not appear. If i take all of the controls and just wrap them with a panel bar, then the loading panel appears properly. Any ideas why the loading panel will not appear just inside of the div tags inside the RadPageView inside the RadMultiPage? Thanks.

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="4" Width="898px"

CssClass="tabPageView">

<telerik:RadPageView ID="RadPageView1" runat="server">

<div id="divLease" class="divLease">

<asp:Label ID="lbl1" runat="server" Text="Label" CssClass="lbl1"></asp:Label>

<telerik:RadGrid ID="grdLs" runat="server" EnableEmbeddedSkins="false"

Skin="" ShowHeader="false" GridLines="None">

<MasterTableView>

</MasterTableView>

</telerik:RadGrid>

<telerik:RadListBox ID="lstLs" runat="server" Width="85"

AutoPostBack="True" CausesValidation="False">

</telerik:RadListBox>

<asp:Label ID="lbllss" runat="server" Text="Label" ></asp:Label>

<telerik:RadGrid ID="grdasf" runat="server" ShowHeader="False"

Width="300px" AutoGenerateColumns="False" GridLines="None">

<MasterTableView>

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="ss" UniqueName="ss">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="xx" DataFormatString="{0:0.00%}" DataType="System.Decimal"

UniqueName="xx">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="aa" UniqueName="aa">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:Label ID="lblasdfs" runat="server" Text="Remarks" Visible="false"></asp:Label>

<telerik:RadTextBox ID="txt1" runat="server" Width="298" Visible="false" TextMode="MultiLine" CausesValidation="False" Font-Size="Smaller"

ReadOnly="true">

</telerik:RadTextBox>

<asp:RadioButton ID="rbRd" runat="server" Text="test1" Checked="true" CssClass="rbOwnerType"

AutoPostBack="True" />

<asp:RadioButton ID="rbAaa" runat="server" Text="test2" Checked="false"

AutoPostBack="True" />

</div>

</telerik:RadPageView>

Ajax

answered on 20 Dec 2010

4 answers

176 views

Weird IE problem

Hi. I've got two RadButton's side-by-side and display okay in FireFox but not IE7/8. My main container is a DIV and fills the middle part of the page as a percentage. I've got other controls in there like RadTextBoxes and RadComboBoxes that don't have any issues. To get it to display properly, I need to place each button inside their own DIV with a set width and float them. Regular buttons don't have the same problem. I've attached some screens which best describes the problem. I'm using 2010_3_1215. Thanks.

Button

answered on 20 Dec 2010

2 answers

195 views

Tooltips on dynamically added items

Hi.

I have a couple of RADComboBoxes on a page. When a value in the first combo box is selected, the second one is dynamically filled in with values using javascript.

I've been trying to attach image tooltips (via RadToolTip) to items on the second RadComboBox, but I can't seem to find a way to do this. The following code does not work:

var target = $find("<%= ddlTypes.ClientID %>");

...

item = new Telerik.Web.UI.RadComboBoxItem();

item.set_text("Text1");

item.set_value("Value1");

target.get_items().add(item);

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

tooltip.set_targetControl(item);

Is there any way to add tooltips to dynamically added items?

Thanks ...

ComboBox

answered on 20 Dec 2010

1 answer

72 views

deleting from a grid

How can I set a grid up so that there is just a delete option for each row ?
I dont need insert or edit as that done on a separate screen.

Grid

answered on 20 Dec 2010

1 answer

170 views

RadScheduler expanding to full height despite Height parameter

http://demos.telerik.com/aspnet-ajax/scheduler/examples/outlook2007/defaultcs.aspx

This demo shows a RadScheduler with a scroller that starts just where you'd want it, below the "all day event" rows, so only the hour-by-hour section of the RadScheduler scrolls. However, I'm unable to replicate this. The code below, despite explicitly giving a Height parameter, gives me a RadScheduler expands to whatever height it wants to. What gives?

<telerik:RadScheduler

ID="RadSchedulerCalendarEvents"

runat="server"

Width="100%"

Height="500px"

BorderStyle="None"

BorderWidth="0"

HoursPanelTimeFormat="h:mm tt"

ShowFullTime="true"

TimeSlotContextMenuSettings-EnableDefault="true"

StartInsertingInAdvancedForm="true"

DisplayRecurrenceActionDialogOnMove="true"

EnableDatePicker="False"

EnableDescriptionField="True"

DataSourceID="SqlDataSourceEvents"

DataKeyField="evtID"

DataStartField="evtStartTime"

DataEndField="evtEndTime"

DataSubjectField="evtName"

DataDescriptionField="evtDescription"

DataReminderField="evtReminder"

DataRecurrenceField="evtRecurrenceRule"

DataRecurrenceParentKeyField="evtRecurrenceParentID"

OnAppointmentDelete="RadSchedulerCalendarEvents_AppointmentDelete"

OnAppointmentUpdate="RadSchedulerCalendarEvents_AppointmentUpdate"

OnAppointmentInsert="RadSchedulerCalendarEvents_AppointmentInsert"

OnClientAppointmentInserting="RadSchedulerCalendarEvents_OnClientAppointmentInserting"

OnClientAppointmentEditing="RadSchedulerCalendarEvents_OnClientAppointmentEditing"

OnClientAppointmentMoveEnd="RadSchedulerCalendarEvents_OnClientAppointmentMoveEnd"

OnClientAppointmentResizeEnd="RadSchedulerCalendarEvents_OnClientAppointmentResizeEnd"

OverflowBehavior="Scroll"

>

<AdvancedForm Modal="true" />

<TimeSlotContextMenus>

<telerik:RadSchedulerContextMenu runat="server" ID="SchedulerTimeSlotContextMenu">

<Items>

<telerik:RadMenuItem Text="New Event" ImageUrl="/Images/Icons16x16/calendar.png" Postback="false" NavigateUrl="javascript: SwitchToCalendarEventInsertForm(null, null);" />

<%--<telerik:RadMenuItem Text="New Recurring Event" ImageUrl="/Images/Icons16x16/recurring-event.png" NavigateUrl="javascript: alert('upmp');" />--%>

<%--<telerik:RadMenuItem IsSeparator="true" />--%>

<%--<telerik:RadMenuItem Text="Group by Calendar" Value="EnableGrouping" />--%>

<telerik:RadMenuItem IsSeparator="true" />

<telerik:RadMenuItem Text="Go to today" Value="CommandGoToToday" />

</Items>

</telerik:RadSchedulerContextMenu>

</TimeSlotContextMenus>

<AppointmentContextMenuSettings EnableDefault="true" />

<Localization

ContextMenuAddAppointment="New Event"

ContextMenuAddRecurringAppointment="New Recurring Event"

ContextMenuEdit="Edit Event" />

</telerik:RadScheduler>

Scheduler

answered on 20 Dec 2010

1 answer

92 views

disabling scroll bars

I have a popup modal window that displays a youtube link that fits inside the window horizontally, yet there are horizontal scroll bars visible. How do I disable these scrollbars without making the windows much wider than it actually needs to be

Window

answered on 20 Dec 2010

1 answer

192 views

Rad Multi Page loads after clicking the tab

My heading describes what i want. I am using rad tabs and radmultipages . I want that when the user clicks on the tab e the pageview loads after clickin on the tab , currently the pageviews load when the page loads which increases the page_load time .

TabStrip

answered on 20 Dec 2010

1 answer

740 views

Allow Paging In RadGrid

I am using Item Template which is binded by code behind
(dt is a datatable which i have define above).

RadGrid1.DataSource = dt;

RadGrid1.DataBind();

But the problem is i am unable to enable proper paging in the following . Can anyone help me ???
Here is the Code :

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False"

Skin="Office2007" Width="750px" AllowPaging="True" GridLines="None"

VirtualItemCount="2" onpageindexchanged="pgindex" >

<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>

<MasterTableView Width="100%" >

<Columns>

<telerik:GridTemplateColumn HeaderText="News Feed" UniqueName="News Feed" SortExpression="NewsFeed" >

<ItemTemplate>

<table align="left" cellpadding="1" cellspacing="2">

<tr>

<td>

<a href='<%#getUserHREF(Container.DataItem)%>'>

<img src='<%#getSRC(Container.DataItem)%>' border="0" width="80px" /> </a>

</td>

<td>

</td>

</tr>

</table>

<div align="justify">

Posted By <%#sendname(Container.DataItem)%></b><span style="position:absolute; left:820px;">Posted On:

<asp:Label ID="lblSendDate" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"SendDate")%>'></asp:Label></span><br />

<%#DataBinder.Eval(Container.DataItem, "Message")%>

<br />

</div>

</span>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns></MasterTableView>

<PagerStyle Wrap="True" />

</telerik:RadGrid>

Grid

answered on 20 Dec 2010

2 answers

70 views

WeekView and 24-Hour View incompatible

I think I've uncovered a RadScheduler bug... If I set ShowFullTime="true", and I then click on the Week button in the RadScheduler to try to switch to WeekView, nothing happens. If I force WeekView from the code-behind, it throws a compile-time error. Similarly, if I set ShowFullTime="false" and go to WeekView, then click "Show 24 hours...", nothing happens.

Is this a known issue? I'm using Telerik 2010.3.1109.35 build, ASP.NET Framework 3.5.

Scheduler

answered on 20 Dec 2010