Questions on UI for ASP.NET AJAX Forum

1 answer

49 views

Is there anywhere available source icons for grid

I need a bigger icons (48x48 or more) used in grid Skins Default, Office 2007 to use them in my user manual document. Because of high resolution of document for printing the existing icons (16x16) does not look good scaled. I have downloaded the Grid.PSD files from your site but there still icons in size 16x16 pixels. Can you send me the bigger icons ?

I use the Telerik.Web.UI.dll with Product Version =2009.02.0826.35

Grid

answered on 10 Feb 2011

1 answer

77 views

RadAjaxManager causes RadTreeView not to fire.

Hi,

I am having some issues with getting the RadTreeView and RadAjaxManager to work. After the page loads for the first time, I am still able to collapse/expand the RadTreeView that I've added on the page. As soon as I select and item from the dropdownlist to update the RadTreeView, it no longer allows me to expand/collapse or even click the the nodes. I don't get any errors either.

Note that the code below is inside a ".ascx" file which will be used as a SharePoint webpart. I am currently using VS2010, .NET Framework 3.5, MOSS 2007.

Please help.

Thank you so much!

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" >

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="dropdownlist1" EventName="onselectedindexchanged">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID = "RadTreeView1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadTreeView ID="RadTreeView1" runat="server">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode1">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode2">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

<asp:DropDownList ID="drpTaxonomyType" runat="server"

CssClass="taxonomy_type"

onselectedindexchanged="drpTaxonomyType_SelectedIndexChanged"

AutoPostBack="True">

<asp:ListItem Selected="True">Choose One</asp:ListItem>

<asp:ListItem>Practice Areas</asp:ListItem>

<asp:ListItem>Geography</asp:ListItem>

<asp:ListItem>Court</asp:ListItem>

<asp:ListItem>Industry</asp:ListItem>

</asp:DropDownList>

Master page:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

Ajax

answered on 10 Feb 2011

5 answers

117 views

radGrid export to Excel dataSource error

I have a RadGrid that is filled with a SqlDataSource and an Export to ExcelML button that throws the following error when i try to export it:

Telerik.Web.UI.NullEnumerableException: Cannot perform this operation when DataSource is not assigned

There is obviously data in the grid so the DataSource must be assigned. I can find no reference to this error anywhere.

Grid

answered on 10 Feb 2011

5 answers

547 views

Resizing Problem and AutoResize option

Hi,

I'm testing the new Auto Resize facility and so far, it has not been successful.

    
            function openRadWin(id) { 
        
                        radopen("http://www.telerik.com", "radWindowFareRules"); 
        
                    }

Above is the example test Javascript I used to open my RadWindow.

    
            <telerik:RadWindowManager ID="radWindowManager" runat="server" AutoSize="True"  
        
                            Behavior="None" InitialBehavior="None"  
        
                            KeepInScreenBounds="True"> 
        
                        <Windows> 
        
                            <telerik:RadWindow  
        
                                id="radWindowFareRules"  
        
                                runat="server" 
        
                                showcontentduringload="false" 
        
                                title="Telerik RadWindow" Behavior="Close" AutoSize="true" 
        
                                KeepInScreenBounds="True" Modal="True" Overlay="True" 
        
                                VisibleStatusbar="False"> 
        
                            </telerik:RadWindow> 
        
                        </Windows> 
        
                        </telerik:RadWindowManager>

This is my page content where I have my RadWindows and my RadWindowManager.

When the RadWindow opens up, it does not resize by the content size eventhough I have set AutoSize to be true. I assumed it will do the work and resize itself but it didn't.

So I tried the old method that people said have been useful.

In my default page, I had this code as my javascript code.

    
            <script type="text/javascript"> 
        
                    function openRadWin(id) { 
        
                        radopen("FareRules.aspx?id=" + id, "radWindowFareRules"); 
        
                    } 
        
                    function GetRadWindow() { 
        
                        var oWindow = null; 
        
                        if (window.radWindow) oWindow = window.radWindow; 
        
                        else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; 
        
                        return oWindow; 
        
                    } 
        
                    function resetWindow() { 
        
                        window.setTimeout(function() { 
        
                            var oWnd = GetRadWindow(); 
        
                            oWnd.SetWidth(300px); 
        
                            oWnd.SetHeight(200px); 
        
                        }, 400); 
        
                    } 
        
                </script>

And in my FareRules.aspx page, I had this Javascript

    
            <script type="text/javascript"> 
        
                    function resizeWindow() { 
        
                        window.setTimeout(function() { 
        
                            var oWnd = GetRadWindow(); 
        
                            oWnd.SetWidth(document.body.scrollWidth + 20); 
        
                            oWnd.SetHeight(document.body.scrollHeight + 70); 
        
                        }, 400); 
        
                    } 
        
                    function GetRadWindow() 
        
                    { 
        
                        var oWindow = null; 
        
                        if (window.radWindow) oWindow = window.radWindow; 
        
                        else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; 
        
                        return oWindow; 
        
                    } 
        
                </script>

And on page's body Onload, I called resizeWindow method which seemed to work fine. On execution, the window seemed to resize based on the contents. However, the problem I had with that is that when I close to RadWindow and open it the 2nd time, the 2nd execution opens with the size of the 1st execution and then resizes. So if 1st execution had contents that was in the size of 800x600, then 2nd execution starts as 800x600 and then resizes to the 2nd execution's content which can be like 640x480. I want all the RadWindows to start with it's default small size and then expand to fit the content. Is it achievable?

Please let me know if I made any mistakes or if you require anymore info regarding this problem. I want to find a solution for this.

Window

answered on 10 Feb 2011

1 answer

45 views

Q1 2011 Beta almost here?

...curious

General Discussions

answered on 10 Feb 2011

1 answer

100 views

HideExpandColumnRecursive with RadComboBox Filters

I have a Radgrid control on a page that users a master/detail table to display data. In this scenario not every master record will have a detail record so I don't want to display the No Record line item. This all works fine on the initial load of the page and grid, see image 1. When a user selects a filter such a Region or Client is when I start having problems, see image 2. All of the details rows are now displayed even it there is not data. I've tried several of the code examples online but can't seem to get them working with the filters.

<telerik:RadGrid ID="rgVendors" runat="server" Skin="Web20" DataSourceID="edsVendors"

ShowStatusBar="true" AutoGenerateColumns="False" AllowSorting="True" AllowMultiRowSelection="False"

AllowPaging="True" AllowAutomaticDeletes="true" GridLines="None" PageSize="25"

SortingSettings-EnableSkinSortStyles="false" OnDetailTableDataBind="rgVendors_DetailTableDataBind"

OnItemCommand="rgVendors_ItemCommand" OnItemEvent="rgVendors_ItemEvent" OnItemDataBound="rgVendors_ItemDataBound"

OnDeleteCommand="rgVendors_DeleteCommand" OnSelectedIndexChanged="rgVendors_SelectedIndexChanged"

OnPreRender="rgVendors_PreRender">

<MasterTableView DataKeyNames="ClientID,VendorID,VendorDetailID" Name="rgMaster" HierarchyLoadMode="ServerBind"

HierarchyDefaultExpanded="true" HeaderStyle-BackColor="#7FA5D7" ItemStyle-BackColor="#B0C4DE"

AlternatingItemStyle-BackColor="White">

<Columns>

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

</telerik:GridButtonColumn>

<telerik:GridBoundColumn DataField="VendorDetailID" ReadOnly="true" Visible="false"

UniqueName="VendorDetailID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Client.ClientID" ReadOnly="true" UniqueName="ClientID"

Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Client Name" DataField="Client.ClientName" UniqueName="ClientName"

HeaderStyle-Width="100px" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Vendor Name" DataField="Vendor.VendorName" UniqueName="VendorName"

ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Service Provided" DataField="VendorService.ServiceName"

UniqueName="ServiceName" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Address" HeaderStyle-Width="150px">

<ItemTemplate>

<asp:Label ID="Address" runat="server" Text='<%# Eval("Vendor.Address") %>'></asp:Label><br />

<asp:Label ID="City" runat="server" Text='<%# Eval("Vendor.City") %>'></asp:Label><br />

<asp:Label ID="State" runat="server" Text='<%# Eval("Vendor.State") %>'></asp:Label><br />

<asp:Label ID="Zip" runat="server" Text='<%# Eval("Vendor.Zip") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Phone<br>Email<br>Website" HeaderStyle-Width="100px">

<ItemTemplate>

<asp:Label ID="Phone" runat="server" Text='<%# Eval("Vendor.Phone") %>'></asp:Label>

<br />

<asp:Label ID="Email" runat="server"><a

href='mailto:<%# DataBinder.Eval(Container.DataItem, "Vendor.Email")%>'><%# DataBinder.Eval(Container.DataItem, "Vendor.Email")%></

a></asp:Label>

<br />

<asp:HyperLink ID="hlWebsite" runat="server" NavigateUrl='<%# DataBinder.Eval(Container.DataItem, "Vendor.WebSite")%>'

Text='<%# DataBinder.Eval(Container.DataItem, "Vendor.WebSite")%>' Target="_blank"></asp:HyperLink>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Notes">

<ItemTemplate>

<asp:Label ID="Notes" runat="server" Text='<%# Eval("Vendor.Notes") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn ConfirmText="Delete this Client Vendor?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" ButtonType="ImageButton" ImageUrl="..\Icons\close.gif"

CommandName="Delete" />

</Columns>

<DetailTables>

<telerik:GridTableView DataKeyNames="VendorID,VendorContactID" Name="rgDetail" Width="100%"

runat="server" ItemStyle-BackColor="#6288C2" AlternatingItemStyle-BackColor="#6288C2"

AllowAutomaticDeletes="true">

<Columns>

<telerik:GridButtonColumn Text="Edit Contact" UniqueName="Select" CommandName="Select">

</telerik:GridButtonColumn>

<telerik:GridBoundColumn DataField="VendorContactID" ReadOnly="true" UniqueName="ClientID"

Visible="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Contact Name">

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Address" HeaderStyle-Width="150px">

<ItemTemplate>

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

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

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

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Phone">

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Email<br>Website" HeaderStyle-Width="100px">

<ItemTemplate>

<asp:Label ID="Email" runat="server"><a href='mailto:<%# DataBinder.Eval(Container.DataItem, "Email")%>'><%# DataBinder.Eval(Container.DataItem, "Email")%></a></asp:Label>

<br />

<asp:HyperLink ID="hlWebsite" runat="server" NavigateUrl='<%# DataBinder.Eval(Container.DataItem, "WebSite")%>'

Text='<%# DataBinder.Eval(Container.DataItem, "WebSite")%>' Target="_blank"></asp:HyperLink>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Notes">

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn ConfirmText="Delete this Vendor Contact?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" ButtonType="ImageButton" ImageUrl="..\Icons\close.gif"

CommandName="Delete" />

</Columns>

</telerik:GridTableView>

</DetailTables>

</MasterTableView>

<ExportSettings ExportOnlyData="true" IgnorePaging="true" OpenInNewWindow="true"

HideStructureColumns="true" Pdf-PageBottomMargin=".5" Pdf-PageTopMargin=".5"

Pdf-PageLeftMargin=".5" Pdf-PageRightMargin=".5" Pdf-PaperSize="Legal" Pdf-PageWidth="356mm"

Pdf-PageHeight="216mm" />

<PagerStyle Position="TopAndBottom" />

</telerik:RadGrid>

<asp:EntityDataSource ID="edsVendors" runat="server" ConnectionString="name=ProNetData"

DefaultContainerName="ProNetData" EnableDelete="true" EnableUpdate="False" EntitySetName="VendorDetails"

AutoGenerateWhereClause="false" Include="Vendor,VendorService,Client,RiskAssessment"

Where="(it.Client.ClientID = @ClientID or @ClientID is null)

and (it.Vendor.VendorID = @VendorID or @VendorID is null)

and (it.VendorService.VendorServiceID = @VendorServiceID or @VendorServiceID is null)

and (it.Client.RegionID = @RegionID or @RegionID is null)

and (it.RiskAssessment.IsCurrent = true)" OrderBy="it.Client.ClientName">

<WhereParameters>

<asp:ControlParameter ControlID="ddlRegionFilter" Name="RegionID" DbType="Int32"

ConvertEmptyStringToNull="true" />

<asp:ControlParameter ControlID="ddlClientNameFilter" Name="ClientID" Type="Int32"

ConvertEmptyStringToNull="true" />

<asp:ControlParameter ControlID="ddlVendorNameFilter" Name="VendorID" Type="Int32"

ConvertEmptyStringToNull="true" />

<asp:ControlParameter ControlID="ddlServiceNameFilter" Name="VendorServiceID" Type="Int32"

ConvertEmptyStringToNull="true" />

</WhereParameters>

</asp:EntityDataSource>

protected void rgVendors_DetailTableDataBind(object source, Telerik.Web.UI.GridDetailTableDataBindEventArgs e)

{

GridDataItem dataItem = e.DetailTableView.ParentItem;

int vendorID = int.Parse(dataItem.GetDataKeyValue("VendorID").ToString());

int clientID = int.Parse(dataItem.GetDataKeyValue("ClientID").ToString());

using (ProNetData d = new ProNetData())

{

var contacts = (from c in d.VendorContacts

where c.VendorID == vendorID && c.ClientID == clientID

select new

{

VendorID = c.VendorID,

VendorContactID = c.VendorContactID,

Name = c.Name,

Address = c.Address,

City = c.City,

State = c.State,

Zip = c.Zip,

Phone = c.Phone,

Email = c.Email,

Website = c.Website,

Notes = c.Notes

}).ToList();

e.DetailTableView.DataSource = contacts;

}

protected void rgVendors_ItemCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)

{

if (e.CommandName == RadGrid.ExpandCollapseCommandName)

{

foreach (GridItem item in e.Item.OwnerTableView.Items)

{

if (item.Expanded && item != e.Item)

{

item.Expanded = false;

}

protected void rgVendors_PreRender(object sender, EventArgs e)

{

HideExpandColumnRecursive(rgVendors.MasterTableView);

}

public void HideExpandColumnRecursive(GridTableView tableView)

{

GridItem[] nestedViewItems = tableView.GetItems(GridItemType.NestedView);

foreach (GridNestedViewItem nestedViewItem in nestedViewItems)

{

foreach (GridTableView nestedView in nestedViewItem.NestedTableViews)

{

if (nestedView.Items.Count == 0)

{

nestedView.ParentItem.Expanded = false;

}

else

{

nestedView.ParentItem.Expanded = true;

}

Grid

answered on 10 Feb 2011

0 answers

47 views

EmptyMessage equals to item bug

Hi,

I am using LoadOnDemand Combo box. And I would like to set the Empty Message to a value that also appears in the items of the combobox.
When the Combobox is loaded, the EmptyMessage is shown correctly. When clicking on the dropdown the items are shown. After clicking outside the combobox and again on the dropdown arrow, the Text property of the combobox is also filled with the empty message value.

When I use an empty message that doesn't appear in the items, there is no problem.

Is there a solution for this problem?

I've added some printscreens of what happens
Picture 1: ComboBox is loaded (with EmptyMessage = "Delhaize") -> OK
Picture 2: Dropdown arrow is clicked -> OK
Picture 3: Click outside the combobox (EmptyMessage = "Delhaize") -> OK
Picture 4: Dropdown arrow is clicked (Text is automatically set equally to the EmptyMessage) -> NOT OK

Thx,
Jeff

ComboBox

asked on 10 Feb 2011

1 answer

109 views

RadAjaxManager.IsAjaxRequest problems

I am seeing an odd problem with RajAjaxManager. When I load my page clean, the page works fine. However, when I reload the page in the same session, then IsAjaxRequest is not working. It is not set to true.

Below is what I am getting:

Message: Sys.WebForms.PageRequestManagerParserErrorException: The message received from the server could not be parsed. Common causes for this error are when the response is modified by calls to Response.Write(), response filters, HttpModules, or server trace is enabled.
Details: Error parsing near '
<!DOCTYPE html PUB'.
Line: 5
Char: 84093
Code: 0
URI: http://sitename/jscript/MicrosoftAjax.js

General Discussions

answered on 10 Feb 2011

5 answers

449 views

RadGrid not showing image column when autogenerate set to true

Hi everyone,

I have been banging my head against the wall today trying to find a solution to my problem so any help is much appreciated.

I have a radGrid that I have bound to a datatable server side and this datatable contains a column(img) of type "Image" in the back end (SQL Server 2005). I have AutoGenerateColumns set to True as the application we are building is an interrogation tool to any database or table on our server, I therefore cannot add all of the columns manually. Now, when the grid is displayed, the column "img" is not shown at all.

My first question is why this is the case and is there a setting that can be changed in order for the grid to automatically display these columns? Even if there is, we have another requirement which I am unsure how to solve?

So, firstly we need the column adding to the grid, then if the DataRow has binary data in it we would like to display the word "BLOB" in the radGrid cell. If the row does not have any data then the word "blob" in lower case should be displayed. Lastly, we then need to add a click event to that cell that will fire up a new radWindow where we can display the binary data in a text field or binary editor. (Potentially even show the image and allow them to change it?).

I have attached the code for completeness sake,

Look forward to hearing your responses.

Thanks,

M

<telerik:RadGrid ID="gdData" runat="server" AllowSorting="True"

AllowPaging="True" AllowCustomPaging="True" Height="550px"

PageSize="30" GridLines="None" PagerStyle-Visible="false"

OnNeedDataSource="gdData_NeedDataSource" AllowFilteringByColumn="True"

AutoGenerateEditColumn="True" Skin="WebBlue">

<MasterTableView TableLayout="Auto" CommandItemDisplay="None" CurrentResetPageIndexAction="SetPageIndexToFirst"

PageSize="30" EditMode="InPlace" AllowAutomaticDeletes="True"

AllowAutomaticInserts="True" AllowAutomaticUpdates="True">

<CommandItemSettings ExportToPdfText="Export to Pdf" />

<ItemStyle Wrap="False" />

<AlternatingItemStyle Wrap="False" />

</MasterTableView>

<ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True" Scrolling-SaveScrollPosition="true">

<Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="100px" EnableVirtualScrollPaging="true" />

<ClientEvents OnRowCreated="AddTooltips" />

<Resizing AllowColumnResize="True" EnableRealTimeResize="False" />

</ClientSettings>

<PagerStyle Visible="False" />

</telerik:RadGrid>

And the code behind:

protected void gdData_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

if (GetData)

{

// Find out how many records have already been shown so we can work out start position

int startPos = gdData.CurrentPageIndex * gdData.PageSize;

this.GridData = DataAccess.GetData(CurrentConStr, cbTable.SelectedValue, startPos, gdData.PageSize);

gdData.VirtualItemCount = this.GridData.recordcount;

gdData.DataSource = this.GridData.Ds.Tables[0];

}

Grid

answered on 10 Feb 2011

7 answers

185 views

Client-side event radscheduler

Hi,

is there any event that fires after an Appointment is beeing updated using Web Service binding? I would like to catch the Appointment Object that is returned in the response and do something with it. I see there is a request success but that doesn't return the response from the updated appointment request.

thank you

regards,

jose

Scheduler

answered on 10 Feb 2011