Questions on UI for ASP.NET AJAX Forum

1 answer

187 views

How to change the color of loading image for Radwindow loading

I have radgrid on click of add new record, my radwindow opens up with loading image in green color but i want that to be changed to blue color, and my radwindow skin should remain black only.

This is my code where i am setting the property for radwindow
<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true"
                        Skin="Black" >
                        <Windows>
                            <telerik:RadWindow ID="UserListDialog" runat="server" Height="620px" Width="620px"
                                ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true" VisibleStatusbar="false" Animation="Resize" AutoSize="false" Behaviors="Close"/>
                        </Windows>
                    </telerik:RadWindowManager>

Ajax

answered on 18 Aug 2011

3 answers

191 views

[Solved] Using DropDownColumn in RadGrid

Hi Folks,

first of all, I'm new to Telerik controls. I'm using a RadGrid to display some data, which contains a DropDown column. The grid is bound to a data table on the page load event. Source of this is a SQL server. Here some Code of my binding:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load

Dim table_competitor_work As DataTable = getSQLData("SELECT competitor, value, units FROM competitor_work")

RadGrid1.DataSource = table_competitor_work

RadGrid1.DataBind()

End Sub

Protected Function getSQLData(ByVal query As String) As DataTable

Dim connString As String = "Data Source=home-sps2010\POWERPIVOT;Initial Catalog=marketsurvey;Integrated Security=SSPI;"

Dim conn As New SqlConnection(connString)

Dim cmd As SqlCommand = New SqlCommand(query, conn)

conn.Open()

Dim dr As SqlDataReader = cmd.ExecuteReader(CommandBehavior.CloseConnection)

Dim dt As New DataTable

dt.Load(dr)

conn.Close()

Return dt

End Function

And here is my markup code:

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

AutoGenerateDeleteColumn="True" AutoGenerateEditColumn="True" CellSpacing="0"

GridLines="Horizontal" Skin="Telerik" AllowAutomaticDeletes="True"

AllowAutomaticInserts="True" AllowAutomaticUpdates="True">

<MasterTableView CommandItemDisplay="Top" CommandItemSettings-AddNewRecordText="Add new customer">

<CommandItemSettings ExportToPdfText="Export to PDF" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<telerik:GridDropDownColumn EmptyListItemText="Empty"

EmptyListItemValue="Empty" FilterControlAltText="Filter Customer column"

HeaderText="Competitor" UniqueName="Competitor" DataField="competitor">

</telerik:GridDropDownColumn>

<telerik:GridNumericColumn DecimalDigits="2"

FilterControlAltText="Filter Value column" HeaderText="Value 2010"

UniqueName="Value" DataField="value">

</telerik:GridNumericColumn>

<telerik:GridNumericColumn DecimalDigits="0"

FilterControlAltText="Filter Units column" HeaderText="Units 2010"

UniqueName="Units" DataField="units">

</telerik:GridNumericColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

The strange thing is, the binding an everything works not on the dropdown column. Nothing is displayed and I don't now why. I wanted to bind the dropdown column to a sql datasource and in the insert and edit forms I wanted to diplay other data for the dropdown list. I thought I can do it that way:

DataField="SQLserverField" (bound in code behind at runtime)
DataSourceID="SQLDataSource" (same database, but other table)
ListTextField="SQLDataSourceField"
ListValueField="SQLDataSourceField"

But that isn't working so well. Still there are no value displayed in the grid. But On insert and edit the right values are there.

Do you have an idea?

Thanks and regards,
Mark

Grid

answered on 18 Aug 2011

1 answer

120 views

Default grouping in SPRadGrid

Is there any workaround for setting GroupBy columns on initial page load? I don't want users to be able to change the grouping, I just want it to group by one or more columns when bound to a SharePoint list.

Sharepoint Integration

answered on 18 Aug 2011

4 answers

167 views

Radasynchuploader and multiple file selection

Hi,

My requirement is to user Radasynchuploader with .Net framework 3.5 and Telerik version Telerik.Web.UI - 2011.2.712.35.
Multifileupload doesn't work if we don't have flash/silverlight installed in the users machine.
We have customers who cannot install this. So is there a way to get Radasynchuploader with the above versions and still be able to select mutiplefiles.
I could see in one of the post that 'FileApi' module helps in multi file upload with the above version of Telerik. If there is no flash and silverlight in the end users machine it should automatically use the FileApi module right? But why doesn't multi file upload still work for me?

Is there any limitations for Radasynchuploader with the above versions?

AsyncUpload

answered on 18 Aug 2011

5 answers

291 views

RadDateTimePicker set_minDate with Time

I have two RadDateTimePickers inside a RadGrid's <EditItemTemplate /> which represents a start/end date as such:

<tr>

<td><p><strong>Start Date: </strong></p></td>

<td>

<telerik:RadDateTimePicker runat="server" ID="rdtpStartDate" Skin="Windows7" DbSelectedDate='<%#Bind("StartDate") %>' ClientEvents-OnDateSelected="dateSelected" />

<asp:RequiredFieldValidator runat="server" Display="None" ErrorMessage="Start Date is required." EnableClientScript="true" ControlToValidate="rdtpStartDate" />

</td>

</tr>

<tr>

<td><p><strong>End Date: </strong></p></td>

<td>

<telerik:RadDateTimePicker runat="server" ID="rdtpEndDate" Skin="Windows7" DbSelectedDate='<%#Bind("EndDate") %>' />

<asp:RequiredFieldValidator runat="server" Display="None" ErrorMessage="End Date is required." EnableClientScript="true" ControlToValidate="rdtpEndDate" />

</td>

</tr>

The ClientEvents-OnDateSelected script looks like this:

<script language="javascript" type="text/javascript">

function dateSelected(sender, args) {

var hv = document.getElementById('<%=this.hvEndDateId.ClientID %>').value;

var edp = $find(hv);

var newDate = sender.get_selectedDate();

edp.set_minDate(newDate);

}

</script>

Since it is in a grid I use a hidden field that sets the Id of the end date element when the grid goes into edit mode so when a start date is selected I can set the mininumum date of the end date picker - this whole process works fine.

The problem I am encountering is when you select a date (say 8/31/2011) and select a time (say 7:00 PM) on the start date selector, the end date calendar has 8/31 as an available option, but you can't select it because it defaults to 8/31/2011 12:00:00AM which is before 7:00PM, thus invalid. This makes sense, but how can I make the end date's minimum value detect that it should be 8/31/2011 @ 7:00PM meaning if the end user selects 8/31 it automatically selects 7:00PM for the time? Naturally if they select an end date of 9/1 the default time would still be 12:00AM since that is after 8/31 @ 7:00PM.

Calendar

answered on 18 Aug 2011

1 answer

84 views

reference nested grid within main grid form template

I have a radgrid with a form template for edits and inserts. In the form template I have a tab control with 3 tabs - 1 of which contains another radgrid. I need to use advanced databinding in the code-behind on the 2nd radgrid but cannot figure out exactly how to wire up the NeedDataSource event.

The 2nd grid is not exposed at design time so I can't put a Handles gdFFP.NeedDataSouce in the code behind.

I also tried to wire the event in the .ascx file using the declarative syntax within the grid definition: OnNeedDataSouce="gdCharges_NeedDataSouce". This compiles but I get an exception at run-time saying the sub does not exist.

Can you point me in the right direction?

Grid

answered on 18 Aug 2011

3 answers

80 views

Problem with view state when adding a custom WebUserControl to a dynamically created PageView

I'm trying to add a dynamically created web user control to a dynamically created web Page View. The problem I'm having is that the webcontrol posts back to show or hide diffrent controls, as well as to dynamicly create them. When ever it posts back the PageView dosn't store it's viewstate. Just as a first try I tried to use an update panel in the webcontrol but that didn't work. I'm not going to put any code because my code works fine it's just that the Page View forgets my web control exists.

TabStrip

answered on 18 Aug 2011

1 answer

175 views

Rad Scheduler Scroll the headers!

Hello
I hav a rad scheduler control with Overflowbehaviour = "Scroll"
The scheduler expand beyound the container sizes and its scroll is disapled and headers and footers are not fixed (scrolled)

my container is a div with absolute position with overflow-y is auto and my browser is IE9 with compatiability mode

Image attached to illusterate the problem

Is this an issue with the absolution posisitoned divs?

Scheduler

answered on 18 Aug 2011

2 answers

80 views

Browser Compatability Problem

Hi,

I am using Telerik Controls for my Project and it is working fine with Mozilla firefox but it is giving issues with IE 8.
I am even not able to use Telerik Controls on IE8 Browser.
Please help.

Thanks in Advance
Nishant Garg

General Discussions

answered on 18 Aug 2011

3 answers

200 views

Expand mode and Navigation issues

Hello,

I have three problems:.
1) I'm buiding a webpage which functioning as Telerik ASP.NET AJAX Documentation (http://www.telerik.com/help/aspnet-ajax/introduction.html ).
In the above page, by clicking each node of the radtreeview, the required page opens and the RadTreeView still in Expand mode (Please view the attached screen-shot RadTreeView1.png).
In my case, by clicking any node the required page opens but the RadTreeview collapse (Please view the attached screen-shots RadTreeView1-RequiredSituation.png and RadTreeView1-NotRequiredSituation.png in order to get a better understanding of the problem).

Here is my code:

<telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="700px">

<telerik:RadPane ID="LeftPane" runat="server" Width="250px" Scrolling="Both">

<asp:Panel ID="QAGuidePanel" runat="server" Width="100%" HorizontalAlign="Left">

<asp:SqlDataSource ID="QAGuideSqlDataSource" runat="server"

ConnectionString="<%$ ConnectionStrings:GuidesConnectionString %>"

SelectCommand="SELECT [SerID], ('~/QA/Pages/' + [Path] + '.aspx') as FullPath, [ParentID], [Title] FROM [QAGuide]"></asp:SqlDataSource>

<telerik:RadTreeView ID="QAGuideRadTreeView" runat="server"

DataSourceID="QAGuideSqlDataSource" DataNavigateUrlField="FullPath" DataFieldParentID="ParentID" DataFieldID="SerID" DataTextField="Title" >

<DataBindings>

<telerik:RadTreeNodeBinding Depth="0" Expanded="true" />

</DataBindings>

</telerik:RadTreeView>

</asp:Panel>

</telerik:RadPane>

<telerik:RadSplitBar ID="Radsplitbar1" runat="server"></telerik:RadSplitBar>

<telerik:RadPane ID="MiddlePane1" runat="server" Scrolling="None">

<telerik:RadSplitter ID="Radsplitter2" runat="server" Orientation="Horizontal" VisibleDuringInit="false">

<telerik:RadPane ID="Radpane2" runat="server">

<div style="padding: 5px">

<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

<asp:Panel ID="ContentPanel" style="margin:10px;" HorizontalAlign="Left" runat="server">

<asp:Label ID="SerIDLabel" Visible="false" runat="server" ></asp:Label>

<asp:SqlDataSource ID="ContentSqlDataSource" runat="server"

ConnectionString="<%$ ConnectionStrings:GuidesConnectionString %>"

SelectCommand="SELECT * FROM [QAGuide] WHERE ([SerID] = @SerID)">

<SelectParameters>

<asp:ControlParameter ControlID="SerIDLabel" Name="SerID"

PropertyName="Text" Type="Int64" />

</SelectParameters>

</asp:SqlDataSource>

<asp:FormView ID="ContentFormView" runat="server" Visible="true" Width="100%" DataKeyNames="SerID"

DataSourceID="ContentSqlDataSource">

<ItemTemplate>

<asp:Label ID="TitleLabel" SkinID="HeaderText" runat="server" Text='<%# Eval("Title") %>' />

<br /><br />

<asp:Label ID="TextCnsrtLabel" runat="server" Text='<%# Eval("Cntnt") %>' ></asp:Label>

</ItemTemplate>

</asp:FormView>

</asp:Panel>

</div>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

2) How can I hide the root node (In this case the QA node)?

3) According to my above code, by clicking each node, the browser will navigate to the required page. But some of the nodes are not intended to view a specific page (Defined as a folder and not as document) exactly as http://www.telerik.com/help/aspnet-ajax/introduction.html . How can I prevent navigation by clicking such node?

Please, I need your help,
It is appreciated to send me the modified code.

Regards,
Bader

TreeView

answered on 18 Aug 2011