Questions on UI for ASP.NET AJAX Forum

2 answers

136 views

I am attempting to implement a number of RadDatePickers throughout an application. I am stuck, though, on performing validation the way I want it to work. The desired behavior would be to have a Validator attached to the DatePicker that prevents the page from posting back if the text in the DateInput is not a valid date, but does allow a post if the DateInput is empty. None of the standard ASP.NET validators seem to do the job because the DateInput appears empty to them whenever it has an invalid text. This behavior would be necessary on a number of different pages throughout the application, so individually handling each DatePicker with a CustomValidator would not be a desirable solution. Is there some solution that would work using the available validation tools, or would implementing a new validator type be the best way to accomplish this?

Input

answered on 20 Apr 2010

7 answers

270 views

f.getItem(...) is null or not an object

I'm trying to manually transfer list items on the client side and received the script error 'f.getItem(...)' is null or not an object when the following method is called:

sender.transferItem(item, e.get_sourceListBox(), e.get_destinationListBox());

Basically, the aspx page has a source and destination listbox. The source listbox is pre-populated in the code behind with a list of approximately 10 items. The error occurs when a transfer is performed from the source to the destination listbox or from the destination to the source listbox.

The code for the JavaScript function that is called by the source listbox for the OnCLientTransferring event is as follows:

    
            function RadListBoxColumnSource_OnClientTransferring(sender, e)  
        
                        {  
        
                            // Cancel the transfer so that can validate which items can be transferred.  
        
                            e.set_cancel(true);  
        
                            // Manually transfer items that are not formula items.  
        
                            var items = e.get_items();  
        
                            for (var i = 0; i < items.length; i++)  
        
                            {  
        
                                var item = items[i];  
        
                                // If the tooltip information is available then the item is a formula.  
        
                                var toolTip = item.get_toolTip();  
        
                                if ((toolTip == null) || (toolTip.length() == 0))  
        
                                {  
        
                                    sender.transferItem(item, e.get_sourceListBox(), e.get_destinationListBox());  
        
                                }  
        
                            }  
        
                            return;  
        
                        }

The code snippet for the listboxes in the aspx page is as follows:

    
            <table style="font-size: 0.7em; font-family: Verdana" width="500px">  
        
                        <tr> 
        
                            <td> 
        
                                <asp:Panel ID="PanelSource" runat="server" GroupingText="Data Columns" Width="100%">  
        
                                    <telerik:RadListBox ID="RadListBoxColumnSource" runat="server" AllowReorder="false" AllowTransfer="true" EnableDragAndDrop="true" SelectionMode="Multiple" TransferToID="RadListBoxColumnTarget" Width="220px" Height="400px" OnClientTransferring="RadListBoxColumnSource_OnClientTransferring" > 
        
                                        <ButtonSettings ShowTransferAll="true" /> 
        
                                    </telerik:RadListBox> 
        
                                </asp:Panel> 
        
                            </td> 
        
                            <td> 
        
                                <asp:Panel ID="PanelTarget" runat="server" GroupingText="Selected Data Columns" Width="100%">  
        
                                    <telerik:RadListBox ID="RadListBoxColumnTarget" runat="server" AllowReorder="true" EnableDragAndDrop="true" SelectionMode="Multiple" Width="220px" Height="400px" > 
        
                                        <ButtonSettings ShowReorder="true" />                          
        
                                    </telerik:RadListBox> 
        
                                </asp:Panel> 
        
                            </td> 
        
                        </tr> 
        
                    </table>

The browser version is Internet Explorer 8.0.6001.18702 and the version of the Telerik controls are 2009.2.826.

Any help in resolving this issue is appreciated.

Thanks,

Tony

ListBox

answered on 20 Apr 2010

3 answers

122 views

Losing User Authentication

I have a page on my site that appears to cause a loss of user authentication when I use the controls. I'm not sure the problem is related the specific control (RagGrid), and it seems to get a little better if I turn off the AJAX manager, but in general I can't seem to solve the problem.

When I perform functions like inserting or editing data using the grid, the attempted functions appears not to work. Anything that I try to do afterwards (causeing a postback) will respond as if I am not logged in, whcih is in fact the case.

My httpRuntime timeout in config.sys is set pretty high (1200 seconds), but that doesn't matter as the problem occurs within a few seconds. This only happens on the production server (naturally) and doesn't happen in my debugging environment.

Any ideas what might cause this, or where I can look for a solution?

TIA

General Discussions

answered on 20 Apr 2010

2 answers

171 views

Sliding Panelbar in Master page

Hi,
I want a sliding panelbar on my master page. How do I do this?

I've looked at your threads on this issue particularly "MasterPage Affect?" posted last year. I can can get the sliding affect in the content pages but I want the sliding affect on the panel which resides on the master page. I'm not a great javascript expert so I'm having problems migrating the example
http://demos.telerik.com/aspnet-ajax/panelbar/examples/applicationscenarios/slidingpanelbar/defaultcs.aspx

I'd be grateful for assistance.

PanelBar

answered on 20 Apr 2010

10 answers

282 views

MOSS RadEditor Image manager custom settings

Hi everyone
Is it possible to filter the images list to only approved images? By default the image manager shows all the images in the

images document library in MOSS 2007. Can we limit this list by using some query for example " select only the approved items from

the images list ". I am using the MossRadEditor in code behind in a web part.

Regards
Sohail

WebParts for SharePoint

answered on 20 Apr 2010

1 answer

120 views

Treeview update problem

Hi,

I have this setup:

A page containing a RadToolBar and a user control containing a RadTreeView:

    
            <abc:TreeView ID="tvEmner" runat="server" /><!-- User control containing a telerik:RadTreeView control -->

In the usercontrol, the radtreeview is declared like this:

    
            <asp:Panel ID="pnlEmner" runat="server"> 
        
            <tel:RadTreeView ID="tvEmner" EnableDragAndDrop="true" Width="300px" Height="250px" 
        
                                             OnNodeDrop="OnEmneDropped" OnNodeClick="OnEmneClicked" OnNodeExpand="OnEmneExpanded" 
        
                                             OnClientNodeClicking="onEmneNodeClicking" 
        
                                             OnClientContextMenuItemClicking="onEmneContextMenuItemClicking" OnClientContextMenuShowing="onEmneContextMenuShowing" 
        
                                             runat="server"> 
        
                <ContextMenus> 
        
                    <tel:RadTreeViewContextMenu ID="cmRoot" runat="server"> 
        
                  <Items> 
        
                    <tel:RadMenuItem Value="Create" PostBack="false" Text="Opret emne"> 
        
                    </tel:RadMenuItem> 
        
                  </Items> 
        
                  <CollapseAnimation Type="none" /> 
        
                    </tel:RadTreeViewContextMenu> 
        
                </ContextMenus> 
        
                <DataBindings> 
        
                    <tel:RadTreeNodeBinding Expanded="True" /> 
        
              </DataBindings> 
        
            </tel:RadTreeView> 
        
            </asp:Panel>

I have the following scenario:
1. The user selects a node in the treeview
2. The user clicks a "Add node" button in the toolbar.
3. The toolbar client side-opens a modal window (radwindow) , in which the name of the new node is entered.
4. When the modal window closes, the treeview should be reloaded to reflect that the new node has been added

To do this, the page calls this JavaScript in the usercontrol containing the treeview:

    
            var node = Al.EmneTreeView.getSelectedNode(); // function that gets the selected node 
        
            node.collapse(); 
        
            node.get_treeView().trackChanges(); 
        
            node.get_nodes().clear(); 
        
            node.set_expandMode(Telerik.Web.UI.TreeNodeExpandMode.ServerSideCallBack); 
        
            node.get_treeView().commitChanges(); 
        
            node.expand();

I know that the node is added to the datasource for the tree view and I can see that the JavaScript code is executed. However, the list of nodes is not reloaded in the GUI.

I have also implemented the option to add nodes through a right-click context menu. In this scenario, everything works fine.
I have tried to add the user control to the radajaxmanager proxy, with no success, like this:

    
            <tel:RadAjaxManagerProxy ID="PageAjaxManager" runat="server"> 
        
                    <AjaxSettings> 
        
                        <tel:AjaxSetting AjaxControlID="tbButtons"> 
        
                            <UpdatedControls> 
        
                                <tel:AjaxUpdatedControl ControlID="tbButtons" /> 
        
                                <tel:AjaxUpdatedControl ControlID="tvEmner" LoadingPanelID="AjaxLoadingPanel" /> 
        
                            </UpdatedControls> 
        
                        </tel:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </tel:RadAjaxManagerProxy>

Since it works in the context menu scenario, I assume it has something to do with the toolbar not having "access" to update the radtreeview in the user control.

I hope someone can help me with this. Any help will be appreciated.

/Henrik

TreeView

answered on 20 Apr 2010

4 answers

117 views

EditModes setting ignored in page layouts

Dear Telerik team,

I am using the following setting in both ConfigFile.xml and ListConfigFile.xml:

<property name="EditModes">Design,Html</property>

This works well in lists and RadEditor Web Parts. However, in page layouts (e.g. in the "Page Content" field, which is of type "Publishing HTML"), this settings seems to be ignored. It always displays "Design" and "Preview". See screenshots, which were taken from the same page.

I'm using version 5.62 (01/15/2010) (2009.3.1314) on MOSS 2007

Any idea?

WebParts for SharePoint

answered on 20 Apr 2010

1 answer

131 views

Cannot remove Preview tab

Hi,

I'm running v5.6.2. In the ListConfigFile.xml I have this property set:

<property name="EditModes">Design</property>

I'm using the Editor in list items. For columns defined as Enhanced Rich Text this seems to work, but with those defined as just Rich Text the "Preview" tab still appears. Is there a way of removing it?

Thanks.

WebParts for SharePoint

answered on 20 Apr 2010

6 answers

274 views

Different CSS for Content and Table Wizard

Hi,
It is possivle to take another CSS-file for the table wizard as for the apply CSS Class? I just want to show
table-styles in the table wizard and not all the styles.

Thanks for your help and best regards,
Andy

WebParts for SharePoint

answered on 20 Apr 2010

1 answer

133 views

Exporting to Excel. Error about the format

I know this has been posted and reposted to this forum but I wanted to bring it up again just in case there's some new work-around.

When using the RadGrid control if I allow the user to export to Excel when I try to open the file that's generated I get the following message.

"The file you are trying to open, '[filename]', is in a different format" Excel Error

If I export is as .xls or .xlsx I get the same message.
I get this message every time I open the file.

The following page is pointed to by admins on this site, but it really just blames the problem on Microsoft.

http://www.grinn.net/blog/dev/2008/06/file-you-are-trying-to-open-is-in.html

Anyone know a way around this that works? Can the grid export an Excel file that Excel actually likes?

Thanks.

Grid

answered on 20 Apr 2010

	function RadListBoxColumnSource_OnClientTransferring(sender, e)
	{

	// Cancel the transfer so that can validate which items can be transferred.
	e.set_cancel(true);

	// Manually transfer items that are not formula items.
	var items = e.get_items();

	for (var i = 0; i < items.length; i++)
	{
	var item = items[i];

	// If the tooltip information is available then the item is a formula.
	var toolTip = item.get_toolTip();
	if ((toolTip == null) \|\| (toolTip.length() == 0))
	{
	sender.transferItem(item, e.get_sourceListBox(), e.get_destinationListBox());
	}
	}

	return;
	}

	<table style="font-size: 0.7em; font-family: Verdana" width="500px">
	<tr>
	<td>
	<asp:Panel ID="PanelSource" runat="server" GroupingText="Data Columns" Width="100%">
	<telerik:RadListBox ID="RadListBoxColumnSource" runat="server" AllowReorder="false" AllowTransfer="true" EnableDragAndDrop="true" SelectionMode="Multiple" TransferToID="RadListBoxColumnTarget" Width="220px" Height="400px" OnClientTransferring="RadListBoxColumnSource_OnClientTransferring" >
	<ButtonSettings ShowTransferAll="true" />
	</telerik:RadListBox>
	</asp:Panel>
	</td>
	<td>
	<asp:Panel ID="PanelTarget" runat="server" GroupingText="Selected Data Columns" Width="100%">
	<telerik:RadListBox ID="RadListBoxColumnTarget" runat="server" AllowReorder="true" EnableDragAndDrop="true" SelectionMode="Multiple" Width="220px" Height="400px" >
	<ButtonSettings ShowReorder="true" />
	</telerik:RadListBox>
	</asp:Panel>
	</td>
	</tr>
	</table>