Questions on UI for ASP.NET AJAX Forum

6 answers

131 views

Radscheduler problem in hiding flash file when modal popup is on..

Hi,

We have a page with flash file and Rad Scheduler. On click of an event, the modal pop up would be displayed. Our problem is the the whole page except the flash file is being hidden by the modal popup. Please help us to make the flash file also behave in the similar way as how the other controls in the page are.

Thanks & Regards,
Vasanthi

Scheduler

answered on 16 Jun 2010

1 answer

65 views

Want to open up an entire column for editing

I am building on the radgrid batch update code. Instead of double clicking on a cell and then unhiding an editable tag, in my case turn off a label and turn on a drop down list, I want to get a whole column and then unhide every cell in the column.

I'm looking at this property to get the collection of columns:
grid.MasterTableView.ColGroup.Cols
If I have this collection of columns and I iterate though it will I be able to access the cell that contains the tags that I want to manipulate.

In other words will this get me a collection of editable cells that I can manipulate with the following code where 'editedCell' represents one of the a cell that contains a label <span> and a dropdownlist <select>?

    
             function ShowColumnEditor() { 
        
                        editedCell = this; 
        
                        //hide text and show column editor in the edited cell 
        
                        var cellText = this.getElementsByTagName("span")[0]; 
        
                        if (cellText) { 
        
                            cellText.style.display = "none"; 
        
                            //display the span which wrapps the hidden checkbox editor 
        
                            if (this.getElementsByTagName("span")[1]) { 
        
                                this.getElementsByTagName("span")[1].style.display = ""; 
        
                            } 
        
                            var colEditor = this.getElementsByTagName("input")[0] || this.getElementsByTagName("select")[0]; 
        
                            //if the column editor is a form decorated select dropdown, show it instead of the original 
        
                            if (colEditor.className == "rfdRealInput" && colEditor.tagName.toLowerCase() == "select") { 
        
                                colEditor = Telerik.Web.UI.RadFormDecorator.getDecoratedElement(colEditor); 
        
                            } 
        
                            colEditor.style.display = ""; 
        
                            colEditor.focus(); 
        
                        } 
        
                    }

Grid

answered on 16 Jun 2010

4 answers

237 views

ComboBox does not work

Hi,

I have a Telerik ComboBox, an ASP.NET TextBox, an ASP.NET RequiredFieldValidator(for TextBox), and a Button on an aspx form. At first, the ComboBox does work correctly and there is no problem, But, When I click on the button and my RequiredFieldValidator shows itself, then the ComboBox does not work. What's the problem?

ComboBox

answered on 16 Jun 2010

1 answer

108 views

Service Mark Symbol

Please forgive me this has already been answered but I'm working on a project where I need to add the service mark symbol as an option in the RadEditor's Symbol dropdown. I've added the unicode for the symbol to ToolsFile.xml (<symbol value="\u2120" />). And while it displays ok in FF 3.6 and somewhat in IE7, it displays as an unidentified symbol in IE6. Is the service mark symbol supported in the editor like the other predefined symbols or would I need to do some sort of conversion?

Thanks!

Editor

answered on 16 Jun 2010

3 answers

304 views

[Solved] Getting Total Item Count in Paging Grid

hello...

in radgrid I want to be able to get the overall count of the records returned from
my database query. When I use datagrid.Item.Count, it only returns the
count for the current page. I see a property that lists pagecount, but
nothing for totalcount. I want to have a label above my datagrid that
says "n results returned".

Can anyone help,
thanks.

Grid

answered on 16 Jun 2010

1 answer

128 views

Problem with Rad Splitter bar not showing up with flash

I currently have a rad splitter control with two items, a rad tree view on the left, and a flash visualization on the right.

When i click on the splitter bar and move it to the right over the flash visualization, the bar loses focus and I cannot move the splitter farther to the right, but once I move the mouse back to the left so it is no longer over the flash element, the bar regains focus and I can move it. If i click the bar, and move it below the flash element, I can expand the splitter bar to the right.

The problem occurs in Internet Explorer 8, in regular mode and all compatability modes, but it does not occur in firefox or chrome.

Sample code for this problem is below:

                    <telerik:RadSplitter runat="server" ID="RsSplitter" Width="100%" Height="100%">         
                    <telerik:RadPane runat="server" ID="RpMenuPane" Width="20%" Scrolling="Y">         
                        <div id="menu">         
                            <telerik:RadPanelBar ID="RpbMenuPanelBar" runat="server" Width="100%">         
                                <CollapseAnimation Type="InOutCubic" />         
                                <Items>         
                                    <telerik:RadPanelItem Text="Search" Expanded="false">         
                                        <Items>         
                                            <telerik:RadPanelItem>         
                                                <ItemTemplate>         
                                                    <input type="text" id="TxtSearchBox" value="Search for a node"  onfocus="this.value='';" />         
                                                    <input type="button" id="BtnSearch" value="Go" onclick="searchViz(this.value);"/>         
                                                </ItemTemplate>         
                                            </telerik:RadPanelItem>         
                                        </Items>         
                                    </telerik:RadPanelItem>         
                                    <telerik:RadPanelItem Text="Architecture" Expanded="true">         
                                        <Items>         
                                            <telerik:RadPanelItem>         
                                                <ItemTemplate>         
                                                    <telerik:RadTreeView runat="server" ID="RtvArchTree" CheckBoxes="true" CheckChildNodes="true"         
                                                        TriStateCheckBoxes="true" OnClientNodeClicked="archTree_NodeClicked" OnClientNodeChecked="archTree_NodeChecked"         
                                                        OnClientNodeExpanded="archTree_NodeExpanded" OnClientNodeCollapsed="archTree_NodeCollapsed">         
                                                    </telerik:RadTreeView>         
                                                </ItemTemplate>         
                                            </telerik:RadPanelItem>         
                                        </Items>         
                                    </telerik:RadPanelItem>         
                                    <telerik:RadPanelItem Text="Networks" Expanded="true">         
                                        <Items>         
                                            <telerik:RadPanelItem>         
                                                <ItemTemplate>         
                                                    <telerik:RadTreeView runat="server" ID="RtvNetTree" CheckBoxes="true" CheckChildNodes="true"         
                                                        TriStateCheckBoxes="true" OnClientNodeClicked="netTree_NodeClicked" OnClientNodeChecked="netTree_NodeChecked"         
                                                        OnClientNodeExpanded="netTree_NodeExpanded" OnClientNodeCollapsed="netTree_NodeCollapsed">         
                                                        <Nodes>         
                                                            <telerik:RadTreeNode runat="server" Text="All Networks" Value="All Networks" />         
                                                        </Nodes>         
                                                    </telerik:RadTreeView>         
                                                </ItemTemplate>         
                                            </telerik:RadPanelItem>         
                                        </Items>         
                                    </telerik:RadPanelItem>         
                                    <telerik:RadPanelItem Text="Tools" Expanded="false">         
                                        <Items>         
                                            <telerik:RadPanelItem>         
                                                <ItemTemplate>         
                                                    <div id="exportControls">         
                                                        <div>         
                                                            Select PDF paper size:</div>         
                                                        <select id="ddlPaperSize">         
                                                            <option value="letter" onclick="hideCustomFields();">Letter (8.5 x 11)</option>         
                                                            <option value="legal" onclick="hideCustomFields();">Legal (8.5 x 14)</option>         
                                                            <option value="ledger" onclick="hideCustomFields();">Ledger (17 x 11)</option>         
                                                            <option value="tabloid" onclick="hideCustomFields();">Tabloid (11 x 17)</option>         
                                                            <option value="custom" onclick="showCustomFields();">Custom ...</option>         
                                                        </select><br />         
                                                        <input type="text" id="txtCustomWidth" value="Width (inches)"></input>         
                                                        <input type="text" id="txtCustomHeight" value="Height (inches)"></input>         
                                                        <input type="button" id="btnExportPdf" value="Export PDF" onclick="exportPdf();" />         
                                                        <br />         
                                                        <input type="button" value="Export to PNG" onclick="exportPng();" />         
                                                    </div>         
                                                </ItemTemplate>         
                                            </telerik:RadPanelItem>         
                                        </Items>         
                                    </telerik:RadPanelItem>         
                                </Items>         
                            </telerik:RadPanelBar>         
                        </div>         
                    </telerik:RadPane>         
                    <telerik:RadSplitBar runat="server" ID="RsbSplitterBar" CollapseMode="Forward">         
                    </telerik:RadSplitBar>         
                    <telerik:RadPane runat="server" ID="RpVizPane" Scrolling="Both">         
                        <div id="flashContent" style="padding: 5px 5px 5px 5px;">         
                            <p>         
                                To view this page ensure that Adobe Flash Player version 10.0.0 or greater is installed.         
                            </p>         
                     
                            <script type="text/javascript">         
                                var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://");         
                                document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='"         
                                        + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>");          
                            </script>         
                     
                        </div>         
                        <noscript>         
                            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="90%"         
                                id="HorseBlanket">         
                                <param name="movie" value="HorseBlanket.swf" />         
                                <param name="quality" value="high" />         
                                <param name="bgcolor" value="#f2f1e8" />         
                                <param name="allowScriptAccess" value="sameDomain" />         
                                <param name="allowFullScreen" value="true" />         
                                <!--[if !IE]>-->         
                                <object type="application/x-shockwave-flash" data="HorseBlanket.swf" width="100%"         
                                    height="100%">         
                                    <param name="quality" value="high" />         
                                    <param name="bgcolor" value="#f2f1e8" />         
                                    <param name="allowScriptAccess" value="sameDomain" />         
                                    <param name="allowFullScreen" value="true" />         
                                    <!--<![endif]-->         
                                    <!--[if gte IE 6]>-->         
                                    <p>         
                                        Either scripts and active content are not permitted to run or Adobe Flash Player         
                                        version 10.0.0 or greater is not installed.         
                                    </p>         
                                    <!--<![endif]-->         
                                    <a href="http://www.adobe.com/go/getflashplayer">         
                                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"         
                                            alt="Get Adobe Flash Player" />         
                                    </a>         
                                    <!--[if !IE]>-->         
                                </object>         
                                <!--<![endif]-->         
                            </object>         
                        </noscript>         
                    </telerik:RadPane>         
                </telerik:RadSplitter>         

Splitter

answered on 15 Jun 2010

6 answers

167 views

Set comboboxItem invisible Client Side.

Hi everyone,

Client Side, is there a way to set a comboboxItem invisible?

I've tried something like:

var ddlPrecoMax = $find("<%= ddlPrecoMax.ClientID %>");

var

maxLength= ddlPrecoMax.get_items().get_count();

for(i=0; i< maxLength; i++)

{

    var comboItem= ddlPrecoMax.get_items().getItem(i);

    comboItem.set_visible(false);

}

... but it's not working.

Can someone point me the correct way?

Thanks in advance!

ComboBox

answered on 15 Jun 2010

2 answers

314 views

[Solved] attaching onblur and onfocus to radcombobox griddropdowncolumn for radgrid in edit mode

I have my grid in edit mode for all rows all the time and I need to place onblur and onfocus javascript client side events to each individual radcombobox that is generated in edit mode in this grid but I don't seem to be able to figure out how to attach these events to the right control

it looks like from the markup that the

dataItem["attendancekind"].Controls[0].ClientID + "_Input'
is the clientid of the combobox

i saw this article that talks about how to attach onblur event to a combobox but it seems to refer to an older non-ajax version - I'm using the latest 2010 telerik ajax version
'

aspx

    
            <telerik:RadGrid ID="MyRadGrid" runat="server" AutoGenerateColumns="False" 
        
                                    Width="300px" DataSourceID="MyObjectDataSource" AllowAutomaticDeletes="True" 
        
                                    AllowAutomaticInserts="True" AllowAutomaticUpdates="True" GridLines="None" AllowMultiRowEdit="True" 
        
                                    OnPreRender="MyRadGrid_PreRender"> 
        
                                    <ClientSettings EnablePostBackOnRowClick="True"> 
        
                                        <Selecting AllowRowSelect="True" /> 
        
                                    </ClientSettings> 
        
                                    <MasterTableView DataKeyNames="myid" DataSourceID="MyObjectDataSource" 
        
                                        EditMode="InPlace" InsertItemPageIndexAction="ShowItemOnCurrentPage"> 
        
                                        <Columns> 
        
                                            <telerik:GridBoundColumn DataField="myid" Display="False" UniqueName="myid"> 
        
                                            </telerik:GridBoundColumn> 
        
                                            <telerik:GridDropDownColumn DataField="anotherid" DataSourceID="PersonObjectDataSource" 
        
                                                HeaderText="Name" ListTextField="name" ListValueField="anotherid" DataType="System.Guid" 
        
                                                UniqueName="anotherid"> 
        
                                            </telerik:GridDropDownColumn> 
        
                                            <telerik:GridDropDownColumn DataField="attendancekind" DataSourceID="MyKindObjectDataSource" 
        
                                                HeaderText="" ListTextField="description" ListValueField="attendancekind" 
        
                                                DataType="System.Guid" UniqueName="attendancekind"> 
        
                                            </telerik:GridDropDownColumn> 
        
                                            <telerik:GridClientSelectColumn Display="False" UniqueName="column"> 
        
                                            </telerik:GridClientSelectColumn> 
        
                                        </Columns> 
        
                                    </MasterTableView> 
        
                                </telerik:RadGrid>

code behind

    
            protected void MyRadGrid_PreRender(object sender, EventArgs e) 
        
                    { 
        
                        // put all items in edit mode by default 
        
                        for (int i = 0; i < MyRadGrid.PageSize; i++) 
        
                        { 
        
                            MyRadGrid.EditIndexes.Add(i); 
        
                        } 
        
                        MyRadGrid.Rebind(); 
        
                        //subtotal 
        
                        foreach (GridDataItem dataItem in MyRadGrid.MasterTableView.Items) 
        
                        { 
        
                            (dataItem["attendancekind"].Controls[0] as RadComboBox).Attributes.Add( 
        
                                "onblur", "update(''" + dataItem["attendancekind"].Controls[0].ClientID + "_Input');"); 
        
            (dataItem["attendancekind"].Controls[0] as RadComboBox).Attributes.Add( 
        
                                "onfocus", "getInitialValue('" + dataItem["attendancekind"].Controls[0].ClientID + "_Input');"); 
        
            } 
        
            }

Grid

answered on 15 Jun 2010

2 answers

110 views

[Solved] Hide Options in Header Contect Menu

I am really starting to like the new header context menu. But, it has very limited options at this time. I'd like to limit my header context menus to only show the sorting and filtering options. These are great shortcuts!

There are too many issues with widths to allow grouping on every grid, and the show/hide columns is FAR too slow to be usable. I'd really like to see this not attempted with javascript and just postback to hide columns. I have one grid that the context menu won't even open at all becuase the javascript is just too slow. Browser keeps throwing the "do you want to keep running this script?" message.

If anyone could help me hide all the options except sorting and filtering I would really appriciate it!

Grid

answered on 15 Jun 2010

2 answers

165 views

Cannot achieve Paging or Sorting

Hello,

I have requirement for which I am declaring the RadGrid on the serverside ( in a class so that I can call this anywhere in the application).
So, I bind the xml to the RadGrid by using Dataset as a datasource to Grid.
I am perfectly able to bind the xml to Radgrid and populate the Columns.
Here is what I do next:

    
            RadGrid1.Skin = "Default" 
        
            RadGrid1.MasterTableView.Enabled = True 
        
            RadGrid1.ItemStyle.Font.Name = "sans-serif" 
        
            RadGrid1.AllowSorting= True 
        
            RadGrid1.AllowPaging = True 
        
            RadGrid1.PageSize = "5" 
        
            RadGrid1.HeaderStyle.Font.Bold = True

The point here is that I loading this into a UserControl.
I am facing the following issues:
1) I am not able to achieve paging.
2) Not able to achieve sorting.
3) Not able to make headertext as Clickable hyperlinks.

Grid

answered on 15 Jun 2010