Questions on UI for ASP.NET AJAX Forum

1 answer

79 views

Tooltips

How would i go about setting the tool tip via javascript for the rad combo box?

ComboBox

answered on 17 Aug 2009

2 answers

1.3K+ views

RadComboBox - Background color change

Hi,

I am using "RadComboBox" with couple of client side events which helped me in achieving the goal of cascading dropdowns. [when I select the first combobox item my second combobox will be loaded & after selecting the second comboboxItem thried combobox will be loaded etc.]

I followed the example at "http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/multiplecomboboxes/defaultcs.aspx"

Currently I need to show different background color/ different font color when I am showing "Loading...." message on each dropdown.
Since I am setting this "Loading..." message in the client side javascript as "Combo.set_text("Loading...")"
Can anyone help me how to change its color....

Thanks
Venm

ComboBox

answered on 16 Aug 2009

7 answers

242 views

ImageButton in FireFox says "Submit Query" instead of rendering the button on initial load

Hi ,
I am have tried both of these .....

    
            <telerik:GridButtonColumn CommandName="Edit" ButtonType="ImageButton"   
        
                                           ImageUrl="../../iqimages/iqimage$/Edit2.gif" 
        
                                            HeaderStyle-Width="20px" Resizable="false" UniqueName="iqEditColumn" ItemStyle-HorizontalAlign="Center">  
        
                                            <ItemStyle HorizontalAlign="Center" /> 
        
                                        </telerik:GridButtonColumn> 
        
                                      <%--   <telerik:GridEditCommandColumn HeaderStyle-Width="20px" ButtonType="ImageButton"   
        
                                            UniqueName="iqEditColumn"     
        
                                            Resizable="false" EditImageUrl="../../iqimages/iqimage$/Edit2.gif">  
        
                                        </telerik:GridEditCommandColumn> --%>

    and in IE the program loads with the images just fine. But in FF the screen initially loads with this button saying "Submit Query". I saw an old post where vlad suggested it might be because the image cannot be found. However, the image is found here and displays in fire fox as soon as the screen is fully loaded.
Vlads response:
http://www.telerik.com/community/forums/aspnet/grid/problem-with-imagebutton-type-in-firefox.aspx
    Here is an interesting google on this issue :
http://blogs.sun.com/tor/entry/submit_query_what_query
    I just cannot figure out the "value of the button" they are talking about.
thanks for your help

Grid

answered on 16 Aug 2009

1 answer

147 views

Client-side Access to RadMultiPage

Hello,

I am in process of converting my client-side code from the RadControls Classic (ASP.NET Q3) to ASP.NET AJAX. In my SharePoint page I have the following:

function OnClientMouseOverTabHandler(sender, eventArgs)
{
//  var pvIDArray = eventArgs.get_tab().get_pageViewID().split("_");
//  var pvID = pvIDArray[3];
  var pvID = eventArgs.get_tab().get_index();

alert(multiPage1.get_visible()); // THE CODE BREAKS HERE. "multiPage1" reports as an object, but "get_visible()" breaks.

multiPage1.set_selectedIndex(pvID);

  var pvIndex = multiPage1.get_selectedIndex();
alert(pvIndex);
  if(pvIndex != -1)
  {
   var pvClientID = multiPage1.PageViews[pvIndex].ClientID; // THIS LINE UNFINISHED.
   var tabstripOffset = sender.get_tabs().getTab(0).get_element().offsetLeft;

document.getElementById(pvClientID).className = "subTabs";
document.getElementById(pvClientID).style.left = ((sender.get_tabs().getTab(eventArgs.get_selectedIndex()).get_element().offsetLeft)-tabstripOffset)+"px";

            if(!sender.get_tabs().getTab(eventArgs.get_selectedIndex()).get_enabled())
            {
                document.getElementById(pvClientID).style.visibility = "hidden";
            }

   if(document.getElementById(pvClientID).offsetWidth < sender.get_tabs().getTab(eventArgs.get_selectedIndex()).get_element().offsetWidth)
   {
//          document.getElementById(pvClientID).style.width = sender.get_tabs().getTab(eventArgs.get_selectedIndex()).get_element().offsetWidth + "px";
   }
  }
}

I cannot get the "multiPage1" object to respond to any of the client-side methods. Does anyone have a clue?

Many thanks,

Doug

TabStrip

answered on 16 Aug 2009

0 answers

188 views

Make RadToolbar 100% Width

Is there any way to have a RadToolbar appear 100% of the width of it's parent container, such as a table cell or div? Setting it to 100% doesn't seem to do anything.

OK, I found that the issue is being caused by the .RadMenu style, generated by the control itself. It is setting the float property to left. If I disable that style element only it does in fact show the full width of it's container, but I am not sure how to tell it to do that permanently, I am only able to turn off the style using the IE Developer Toolbar.

Any suggestions? Putting the toolbar itself in a div that has a float attribute of none doesn't do anything either.

NEVERMIND - I found the answer in another post I hadn't originally seen.

ToolBar

asked on 15 Aug 2009

1 answer

78 views

The old window behind the menu problem

I've set my radmenu z-index to 0:
    <telerik:RadMenu ID="RadMenu1" runat="server" Flow="Horizontal" BorderWidth="1px" style="z-index:0"
        BorderStyle="Groove" Font-Names="Verdana" Font-Size="Smaller" Width="100%">
        <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>

and RadWindow to 9000
                <telerik:RadWindow ID="RadWindow1" runat="server"
                                   NavigateUrl=""
                                   Modal="true"
                                   style="z-index:9000"
                                   VisibleOnPageLoad="false"   Behaviors="Default">
                </telerik:RadWindow>

but my window still appears behind the RadMenu?
The Radmenu is populated in the codebehind , the RadWindow is opened ClientSide

thanks

General Discussions

answered on 14 Aug 2009

3 answers

761 views

RadNumericTextBox disabling

Hi,

I am not able to disable the RadNumericTextBox through javascript. Although I see a "disabled" property, this is set to false; even though I have declared my control as "Enabled=false".

Can anyone help?

Regards,
Saurabh

Ajax

answered on 14 Aug 2009

7 answers

242 views

Access label in EditTemplate with javascript

I need to access a label inside of an Edittemplate with javascript, typically I would just view the source of the page to get the name of the control that asp.net gives it at runtime ie. ("ctl00_ContentPlaceHolder1_lblAccount"), but I cannot view the source of the edit template (probably because it's hidden ). I really need to get this to work as I have to have this function in several places. Has anyone done this or does anyone know what these controls are named at runtime inside of the edit template????

Grid

answered on 14 Aug 2009

2 answers

161 views

can not get master table view before showing the grid???

Hello,

What I am trying to do is get master table view from client side without binding the grid.

The error I got is:

"Microsoft JScript runtime error: Sys.ArgumentNullException: Value cannot be null.
Parameter name: id"

The reason for doing this is I wanna use client side binding. And if I bind the grid from server side, even with empty data, there's a "No records found" row hounting there. Then If I bind data to grid from client side, "No records found" row will be still there. Also the styles are not applied automatically to new rows...

Any idea?

Cheers,
Elton

Grid

answered on 14 Aug 2009

1 answer

189 views

Problem with radOpen on pageLoad

Hi,

I hope anybody can help.

The telerik version is Q2 2009 asp radajax controls.

I have an outlook like interface an in one escenario I need to open a radwindow via radopen in the page load the escenario is as follows

1.- Open a capture page in a radpane
2.-Recover parameters from the capture.
3.- Open a new page 2 for register other tasks (this page use a parameters on string )
4.- when onpageload for page2 open a radopen pop to select options for the tasks of the page2.
The page2 has the structure
RadSCriptManager
RadaAJaxManager
RadWindowManager
Register ClienScriptStartup on page load
javascript function to open the pop via radopen.

The problem is that when scirpt executes the javascript function to open the pop it cannot find the window and the radAjaxmanager,

DefaultPage.aspx.cs

    
            using System;  
        
            using System.Configuration;  
        
            using System.Data;  
        
            using System.Linq;  
        
            using System.Web;  
        
            using System.Web.Security;  
        
            using System.Web.UI;  
        
            using System.Web.UI.HtmlControls;  
        
            using System.Web.UI.WebControls;  
        
            using System.Web.UI.WebControls.WebParts;  
        
            using System.Xml.Linq;  
        
            using System.Text;  
        
            public partial class _Default : System.Web.UI.Page   
        
            {  
        
                protected void Page_Load(object sender, EventArgs e)  
        
                {  
        
                    try 
        
                    {  
        
                            this.ClientScript.RegisterStartupScript(this.GetType(),  
        
                            this.Page.ToString(),  
        
                            GeneraScript(string.Format("Sys.Application.add_load(OpenWindowWH1('pruebaPop.aspx', 480, 485));", 1))  
        
                            );  
        
                    }  
        
                    catch (Exception ex)  
        
                    {   
        
                    }  
        
                }  
        
                public static string GeneraScript(string codigo)  
        
                {  
        
                    StringBuilder sbScript = new StringBuilder();  
        
                    sbScript.AppendLine("<script type =\"text/javascript\">");  
        
                    sbScript.AppendLine("<!--");  
        
                    sbScript.AppendLine(codigo);  
        
                    sbScript.AppendLine("//-->");  
        
                    sbScript.AppendLine("</script>");  
        
                    return sbScript.ToString();  
        
                }  
        
            }

Default.aspx

    
            <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %> 
        
            <%@ Register Assembly="Telerik.Web.UI, Version=2009.2.701.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" 
        
                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>Untitled Page</title> 
        
                <script type="text/javascript" language="javascript">  
        
                <!--  
        
                         function OpenWindowWH1(url, width, heigth) {  
        
                           debugger;  
        
                                 var oWindow = GetRadWindow();  
        
                            if(oWindow)  
        
                            {  
        
                             oWindow.setUrl(url);  
        
                            }  
        
                            else  
        
                            {  
        
                                oWindow = window.radopen(url, 'VentanaFlotanteUsr');  
        
                            }  
        
                            //var oWindow = window.radopen(url, 'VentanaFlotanteUsr');  
        
                            oWindow.set_visibleStatusbar(false);  
        
                            oWindow.set_showContentDuringLoad(false);  
        
                            oWindow.setSize(width, heigth);  
        
                            oWindow.center();  
        
                            oWindow.set_behaviors(4);  
        
                            oWindow.set_modal(true);  
        
                            oWindow.add_close(CierraUsuarios);  
        
                        }  
        
                //--> 
        
                </script>      
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <div> 
        
                    <telerik:RadScriptManager ID="rdscrpAdm" runat="server"></telerik:RadScriptManager> 
        
                <telerik:RadAjaxManager  ID="RadAjaxManagerActividades" runat="server">  
        
                </telerik:RadAjaxManager> 
        
                    <telerik:RadWindowManager ID="RadWindowManagerUsuarios" runat="server" > 
        
                    <Windows> 
        
                        <telerik:RadWindow ID="VentanaFlotanteUsr" runat="server"  Title="Seleccione usuario" Splash="false" VisibleOnPageLoad="false" Visible="true" Height="485px" Width="475px"  ReloadOnShow="true" Modal="true" Behavior="Pin,Close" OnClientClose="CierraUsuarios"  /> 
        
                    </Windows>                                            
        
                </telerik:RadWindowManager> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

the pruebaPop.aspx is just a single aspx page with no controls for the test

I hope you can help me is very urgent for a customer

General Discussions

answered on 14 Aug 2009