Questions on UI for ASP.NET AJAX Forum

1 answer

128 views

iecleananchorsfilter error in Iframe + full screen edit

Interesting issue here, I am attempting to create a full screen option for the text editor in a Dotnetnuke website. To do this I am adding a toolbar button which initiates a radwindow using the following:

JS

    
            Telerik.Web.UI.Editor.CommandList["txtProductionNotes"] = function(commandName, editor, args) 
        
            { 
        
              var text = $find("<%= txtProductionNotes.ClientID %>").get_html(); 
        
              var oWnd = window.radopen(GetRoot() + "/DesktopModules/JCSMisc/ViewNotes.aspx?Text=" + text, ""); 
        
              oWnd.Argument = "ViewNotes:" + commandName; 
        
              oWnd.Maximize(); 
        
            }

The user updates the text, it gets appended to the parameter, closes the window and traps the postback via AJAX as follows:

JS

    
            function OnClientClose(radWindow) 
        
            {    
        
              __doPostBack("<%= this.UniqueID %>", radWindow.Argument); 
        
            }

C#

    
            RadEditor objText = (RadEditor)this.FindControl(strControl); 
        
            if (objText.Enabled == true) 
        
              objText.Content = strText;

All is fine and dandy when calling from a RadWindow, however when I embed the aspx in an iframe the postback causes the following error 'Error while executing IECleanAnchorsFilter - RegExExpError: Unexpected quantifier', this seems to occur after the postback has completed...

Sorry for the verbose explanation, I thought it might be useful to other readers. Any ideas on how to fix\repress this error? btw this error only occurs in IE 7\8.

Editor

answered on 16 Apr 2009

2 answers

106 views

Globally changing skins II

If one uses the default option for all of the control's skins is it possible to quickly change the look of the default setting for all of the controls in a website? Viewing the forums I've seen the suggestion of changing the following line of the WebConfing file.

    
              <appSettings>  
        
                <add key="Telerik.WebControls.Skin" value="WebBlue" />  
        
              </appSettings>

I have placed the text shown above in the Web.config file and rebuilt the solution. When the webpages are opened the style of the Telerik controls is not WebBlue. I'm using Q3 2008 Telerik controls. Is there an alternative to going through all of the pages and manually setting all the skin property to WebBlue for each control?

Thanks,

General Discussions

answered on 16 Apr 2009

1 answer

161 views

AjaxUpdate not firing

Hello,

I am looking at one of your examples at: http://demos.telerik.com/aspnet-ajax/tooltip/examples/tooltiptreeview/defaultcs.aspx

There are some slight minor changes to what I am trying to achieve. I have a TreeView and a ToolTip Manager. When the user chooses a context menu item from the TreeView, I would like to show a Tooltip and load a UserControl. This is very similar to what you have demonstrated but the AjaxUpdate is not firing.

ASPX Page

<asp:ScriptManager runat="server" ID="ScriptManager1" />

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">

<telerik:RadTreeView runat="server" ID="PHTreeView" CheckBoxes="true"
OnClientContextMenuItemClicked="RadTree_ContextMenuItemClick">
</telerik:RadTreeView>

<telerik:RadToolTipManager Width="215px" Skin="Sunset" Height="260px" HideDelay="1"
RelativeTo="Element" ID="PHToolTipMgr" runat="server" OffsetX="15" Position="MiddleRight"
OnAjaxUpdate="PHToolTipMgr_AjaxUpdate">
</telerik:RadToolTipManager>

</telerik:RadAjaxPanel>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

function RadTree_ContextMenuItemClick(sender, eventArgs)
{
var nodeElem= eventArgs.get_node();

if(nodeElem.get_level() != 0)
{

var node = nodeElem.get_textElement();
var tooltipManager = $find("<%= PHToolTipMgr.ClientID %>");

if (!tooltipManager) return;

var tooltip = tooltipManager.getToolTipByElement(node);

if (!tooltip)

{

            tooltip = tooltipManager.createToolTip(node);
            tooltip.set_value(nodeElem.get_value());
            tooltip.show();

}
}

}

</script>

</telerik:RadCodeBlock>

For the VB file, I am building the Tree from an XML String. Also, I am not setting the TargetControls property of the Tooltip Manager Control. Although, I have tried it and makes no difference. When choosing a context menu the PageLoad does fire but the following does not fire. I was hoping to load a usercontrol in the AjaxUpdate method.

Public Sub PHToolTipMgr_AjaxUpdate(ByVal sender As Object, ByVal e As Telerik.Web.UI.ToolTipUpdateEventArgs) Handles PHToolTipMgr.AjaxUpdate

Thanks for you help.

ToolTip

answered on 16 Apr 2009

3 answers

200 views

Suggestion - Rounded Corners control

You should add a control something like http://mattberseth.com/blog/2007/11/antialiased_rounded_corners_wi.html

That can round corners of divs. this is based on a nifty corners javascript library.

It would be nice if there was a "telerik" way for doing this.

General Discussions

answered on 16 Apr 2009

2 answers

310 views

[Solved] Check if column exists

Hi,
I need to check if a column exists or not.
I have a global method that hides the edit/delete buttons on a row but now I have a grid without the edit button.
I tried this but getting error on the if statements: Cannot find a cell bound to column name 'EditCommandColumn'

    
            public static void HideRadGridEditButtonsForReaders(GridItemEventArgs e) 
        
                    { 
        
                        if (e.Item is GridDataItem) 
        
                        { 
        
                            GridDataItem item = (GridDataItem)e.Item; 
        
                            ImageButton editButton = null; 
        
                            ImageButton deleteButton = null; 
        
                            if(item["EditCommandColumn"] != null) 
        
                                editButton = (ImageButton)item["EditCommandColumn"].Controls[0]; 
        
                            if (item["DeleteColumn"] != null) 
        
                                deleteButton = (ImageButton)item["DeleteColumn"].Controls[0]; 
        
                            if (HttpContext.Current.User.IsInRole(Utilities.RoleTypes.AdministratorReaders.ToString())) 
        
                            { 
        
                                if(editButton != null) editButton.Visible = false; 
        
                                if (deleteButton != null) deleteButton.Visible = false; 
        
                            } 
        
                        } 
        
                    }

Grid

answered on 16 Apr 2009

2 answers

351 views

Controlling the number if items in drop-down

Is there a way to set the number of Combo-Box items that "pop-up" when the user clicks on the arrow or tabs into the field? I have several hundred items in my combo-box and the list scrolls the entire height of the page. I would like to limit the list of visible items to about 10.

ComboBox

answered on 16 Apr 2009

3 answers

259 views

How to set sort column style

Hi,

I would like to set style for whole column by which grid is sorted and also style for proper header element.
I found that you can set:

    
            <SortingSettings SortedBackColor="#d0d0d0" />

but this is vary lame, since this doesn't allow you to set different color for alt row, not mentioning that you cannot use css styling :(

Is there a way to set this css style for column that we sort by, and for this column header?

Gr,
Pawel

Grid

answered on 16 Apr 2009

4 answers

118 views

Form Decorator not working on some form elements

Hello,

I'm working with Form Decorator. The button, check boxes, and radio buttons work and I can see the skins applied to them but the decorator is not "decorating" the other elements. I have the DecoratedControls set to "All" but I'm stil only seeing the skin applied to the default items.

Do I need to add the "All" somewhere else as well?

Thank you,
Bob

General Discussions

answered on 16 Apr 2009

1 answer

589 views

[Solved] How can I hide radio button using style with formdecorator

Hi
   I have created an application where I need to use html input radio type control. on load it has style='display:none' but if formdecorator is on form then it makes it displays it without considering display:none property. Any Solutions ?
This is my form, Version of Telerik is Q1 2009 ( latest released)

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FormDecoratorTest.aspx.cs" Inherits="FormDecoratorTest" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
              <asp:ScriptManager runat="server" ID="smTest"></asp:ScriptManager>
   <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" Skin="Office2007" />
        <input type="radio" id="test" value="true" groupname="1" />
        <input type="radio" id="Radio1" checked groupname="1" style="display:none;" /> Should see only one radiobutton
    </div>
    </form>
</body>
</html>

FormDecorator

answered on 16 Apr 2009

1 answer

61 views

Rad Grid 5.1.4 seperating from base object

I have a rad grid incase inside a div which is inside a content block (Content Page).

When the Div hits an overflow situation and the vertial scroll bars appear for the Div. You scroll down with the scroll bars for the div and the base for rad grid stays stationary (Along with the header), however the data itself scrolls down with the bar. It floats over other objects in the Div. I have two labels, two textboxes and two command buttons below the grid. Once you start scrolling the data just scrolls right over them which obstructs the users view of the other objects. Has anyone experianced this and how did yo go about resolving?

<

asp:Content ID="Content1" ContentPlaceHolderID="ImageLibraryContent" Runat="Server">

<

div id='abc' class="codebox">

<asp:table ID="Table1" runat="server" Width="98%">

<

asp:tablerow>

<

asp:TableCell Width = "500px" VerticalAlign="Top" >

<rad:RadGrid ID="grdImages" runat="server" Skin="Outlook2007" Width="430px" height="324px" GridLines="None" AllowPaging="False" EnableAJAX="False">

</ClientSettings>

<rad:GridBoundColumn DataField="PartCode" HeaderText="Part #" UniqueName="PartCode" >

</rad:GridBoundColumn>

<rad:GridBoundColumn DataField="PartDescription" HeaderText="Description" >

</rad:GridBoundColumn>

<rad:GridBoundColumn DataField="ImageID" UniqueName="ImageID" Visible ="false" >

</rad:GridBoundColumn>

<rad:GridBoundColumn DataField="DoubleSided" UniqueName="DoubleSided" Visible ="false" >

</rad:GridBoundColumn>

<rad:GridBoundColumn DataField="FrontSideExtension" UniqueName="FrontSideExtension" Visible ="false" >

</rad:GridBoundColumn>

<rad:GridBoundColumn DataField="BackSideExtension" UniqueName="BackSideExtension" Visible ="false" >

</rad:GridBoundColumn>

</Columns>

</MasterTableView>

</rad:RadGrid>

<br />

<asp:Table ID="Table3" runat="server" align="Left" >

<asp:TableRow >

<asp:TableCell Width="10%">

</asp:TableCell>

<asp:TableCell >

<asp:Label ID="lblSearchPartNumber" runat="server" Text="Part #:" Width="45px" TabIndex="9"></asp:Label>

</asp:TableCell>

<asp:TableCell >

<asp:TextBox ID="txtSearchPartNumber" runat="server" TabIndex="1"></asp:TextBox>

</asp:TableCell>

<asp:TableCell >

<asp:Button ID="btnSearchPartNum" runat="server" Text="Search" Width="153px" TabIndex="2" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow >

<asp:TableCell Width="10%">

</asp:TableCell>

<asp:TableCell >

<asp:Label ID="lblSearchDescription" runat="server" Text="Description:" Width="75px" TabIndex="10"></asp:Label>

</asp:TableCell>

<asp:TableCell >

<asp:TextBox ID="txtSearchDescription" runat="server" TabIndex="3"></asp:TextBox>

</asp:TableCell>

<asp:TableCell >

<asp:Button ID="btnSearchDescription" runat="server" Text="Search" Width="153px" TabIndex="4" />

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</asp:TableCell>

<asp:TableCell >

<asp:Table ID="Table2" runat="server" Width= "60%" Border="1">

<asp:TableHeaderRow ><asp:TableHeaderCell runat="server" ID="HeaderCell" nbsp</asp:TableHeaderCell></asp:TableHeaderRow>

<asp:TableRow >

<asp:TableCell HorizontalAlign="Left" >

<asp:Image ID="ImageFront" width="300px" height="190px" BorderWidth = "1" runat="server" AlternateText = "No Image" GenerateEmptyAlternateText ="true" Style="z-index: 100;" onclick="ShowImage(this.src);" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow ><asp:TableCell HorizontalAlign="Left"><b>Front Image</b></asp:TableCell></asp:TableRow>

<asp:TableRow >

<asp:TableCell HorizontalAlign="Left" >

<asp:Image ID="ImageBack" width="300px" height="190px" BorderWidth = "1" runat="server" Style="z-index: 100;" onclick="ShowImage(this.src)" AlternateText="No Image" GenerateEmptyAlternateText="True" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow ><asp:TableCell HorizontalAlign="Left"><b>Back Image</b></asp:TableCell></asp:TableRow>

</asp:Table>

</asp:TableCell>

</asp:tablerow>

<asp:TableRow>

<asp:TableCell>

</asp:TableCell>

<asp:TableCell>

</asp:TableCell>

<asp:TableCell>

<asp:Button ID="btnDisassociate" runat="server" Style="z-index: 109;" Text="Delete" Height="30px" Width="65px" TabIndex="5" Enabled = "false" OnClientClick="return delAlert()" />