Questions on UI for ASP.NET AJAX Forum

4 answers

319 views

Converting Microsoft.Web.UI.WebControls TabStrip

Hi,

I'm trying to evaluate the TabStrip control and try to match the functionality we currently use in our product using Microsoft.Web.UI.WebControls

So far functionality wise was accomplished by going through the help manual and the look and feel is where I'm unable to figure out how to match what we have.

My Tab consists of 3 images left middle and right and base on the Status I have CSS to set the appropriate images (selected, hoover, default)

I have looked at the skin and it is way beyond my expertise in CSS I was wondering if there is a way to accomplish the same thing with local style sheet with out using the skin.

following is a sample declaration of a Microsoft

    
            <iewc:tabstrip id="MessageSheet_Sheet" TargetID="MessageSheet" 
        
                TabDefaultStyle ="border-width:0 px; 
        
                   border-color: #EFEFEF;  
        
                   border-style: Groove;  
        
                   background-image:url(images/TabMiddle-Normal.gif);  
        
                   background-color:#CACACA; 
        
                   color:#000000; 
        
                   font-family:verdana;  
        
                   font-size:11 px; 
        
                   text-decoration: None; 
        
                   border-left-style:none; 
        
                   border-right-style:none; 
        
                   border-bottom-style:none; 
        
                   border-top-style:none; 
        
                   cursor:pointer;" 
        
                TabHoverStyle =" background-image:url(images/TabMiddle-Normal.gif); 
        
                   background-color:#CACACA; 
        
                   color:#000000; 
        
                   font-family:verdana; 
        
                   font-size:11 px; 
        
                   text-decoration: Underline; 
        
                   cursor:pointer;" 
        
                TabSelectedStyle ="border-left-style:none; 
        
                   border-right-style:none; 
        
                   border-bottom-style:none; 
        
                   border-top-style:Groove; 
        
                   background-image:url(images/TabMiddle-Selected.gif); 
        
                   background-color:#DACEB5; 
        
                   color:#000000; 
        
                   font-family:verdana; 
        
                   font-size:11 px;text-decoration: None;" 
        
                runat="Server" 
        
                CssClass="MultiPage" 
        
                tabindex="-1" 
        
                > 
        
                <iewc:TabSeparator DefaultImageUrl="images/TabBegin-Normal.gif" SelectedImageUrl="images/TabBegin-Selected.gif" /> 
        
                <iewc:Tab Text="&nbsp;&nbsp; Incoming &nbsp;&nbsp;" ID="IncomingMessages_Tab"></iewc:Tab> 
        
                <iewc:TabSeparator DefaultImageUrl="images/TabEnd-Normal.gif" SelectedImageUrl="images/TabEnd-Selected.gif" /> 
        
                <iewc:TabSeparator DefaultImageUrl="images/TabBegin-Normal.gif" SelectedImageUrl="images/TabBegin-Selected.gif" /> 
        
                <iewc:Tab Text="&nbsp;&nbsp; Outgoing &nbsp;&nbsp;" ID="OutgoingMessages_Tab"></iewc:Tab> 
        
                <iewc:TabSeparator DefaultImageUrl="images/TabEnd-Normal.gif" SelectedImageUrl="images/TabEnd-Selected.gif" /> 
        
            </iewc:tabstrip>

Sincerely,

Fadi

TabStrip

answered on 07 Oct 2008

2 answers

128 views

FireFox Issue

Hi,

in our product we use a grid Control from DBNetGrid, when I include the dbnetgrid.js in the header section of the web page, it conflict with the Rad Control Tab and Rad Control Menu where the control will not reacts to the mouse clicks, so in case of the tab, when I click on the tab it does not select the tab. in case of menu it does not drop down the menu.

I have a small project created but I can not attach to this message, If you let me know where I can upload or email to support

sincerely,

Fadi,

TabStrip

answered on 07 Oct 2008

22 answers

354 views

[Solved] Invalid Argument

I have a website that's been working fine up until I upgraded to the latest August Q2 build. When I try to view a page that has any RadControl that is visible (textbox, scheduler, etc) I get an Invalid Argument error in line 364 (always that line number). If I revert back to any of the previous builds, the pages work as expected.

I've built other sites using the latest build and have not had any issues at all.

Does anyone have any recommendations for a fix or has seen this before?

Thanks!

Paul

General Discussions

answered on 07 Oct 2008

2 answers

123 views

[Solved] Dependent RadGrids inside RadDock error

Hi,

I have placed two related RadGrids inside a RadDock and receive the following compile error:
Could not find control 'RadGrid1' in ControlParameter 'newsdate'

I followed the example in the Demo section for RadGrid labeled "related grids".

Note: When I take the RadGrids out of the RadDock the related grids work correctly.

Any help will be appreciated...

a caruso

Dock

answered on 07 Oct 2008

1 answer

136 views

Unable to cast object of type 'Telerik.Web.UI.RadGrid' to type 'Telerik.Web.UI.GridTableView' in IIS

Hi,

I am having problem when I am running the radgrid on iis, If I run the same in the local without IIS its working fine.

When I run with IIS I get “Unable to cast object of type 'Telerik.Web.UI.RadGrid' to type 'Telerik.Web.UI.GridTableView'.”

Regards,

Prashanth Bejgum

Grid

answered on 07 Oct 2008

1 answer

275 views

Print grid data

i want to know how to print data inside grid not print window

Grid

answered on 07 Oct 2008

1 answer

552 views

On rowcommand

Hi

Is there any Function Available in RadGrid like OnRowCommand in Normal Grid...

My Question is
I have a checkbox in RadGrid. When i Click that Checkbox, i want to get the id of Selected row......

Can anyone help me......?

General Discussions

answered on 07 Oct 2008

1 answer

162 views

Print the content of radwindow

Hi All ,

I am using radwindow
Data is shown in table.

I used window.print to print the table content. But it not work.

How to print the content of radwindow.

Thanks

Window

answered on 07 Oct 2008

1 answer

239 views

Capturing Enter key for each RadPanelItem?

I've got a RadPanelBar with four different RadPanelItem's. Each one has a different type of search form with it's own search button. The whole thing is contained within a master page. What I'd like to do is capture the Enter key within each RadPanel so that it executes the click on the correct button, depending on where the cursor is.

Here's a quick example of what my code looks like:

    
            <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="260px" ExpandMode="SingleExpandedItem">  
        
                <Items> 
        
                    <telerik:RadPanelItem runat="server" Text="Login">  
        
                        <Items> 
        
                            <telerik:RadPanelItem runat="server">  
        
                                <ItemTemplate> 
        
                                    <div style="line-height: 16px; padding: 4px; width:230px;">  
        
                                        <div class="LoginBox">  
        
                                            <div style="float: left; width: 80px; padding-top:3px;">  
        
                                                Username:</div> 
        
                                            <div style="margin-top: 4px;">  
        
                                                <asp:TextBox runat="server" ID="txtUsername" Text="" Width="70px"></asp:TextBox></div>  
        
                                            <div style="float: left; clear: both; width: 80px; ">  
        
                                                Password:</div> 
        
                                            <asp:Button runat="server" ID="btnLogin" Text="Login" Style="float: right; margin: 5px 5px 10px 0px; clear: both" 
        
                                                OnClick="btnLogin_Click" /> 
        
                                        </div> 
        
                                    </div> 
        
                                </ItemTemplate> 
        
                            </telerik:RadPanelItem> 
        
                        </Items> 
        
                    </telerik:RadPanelItem> 
        
                    <telerik:RadPanelItem runat="server" Text="CH Search" Value="CHSearch">  
        
                        <Items> 
        
                            <telerik:RadPanelItem runat="server" Value="CHSearchContent">     
        
                                <ItemTemplate> 
        
                                    <div style="line-height:16px; padding:7px;">  
        
                                        <div style="float:left; width:70px;">ID: </div> 
        
                                        <div style="float:left; vertical-align: middle"><asp:TextBox Width="130px" runat="server" ID="txtCHID"></asp:TextBox></div>  
        
                                        <div style="float:left; clear:both; width:70px;">Reason: </div> 
        
                                        <div style="float:left; vertical-align: middle"><asp:TextBox Width="130px" runat="server" ID="txtCHReason"></asp:TextBox></div>  
        
                                        <div style="clear:both; float: left; text-align:left; margin-left:34px; padding-bottom:10px; vertical-align: middle">  
        
                                            <asp:Button runat="server" ID="btnCHSubmit" Text="Search" OnClick="btnCHSearch_Click" /> 
        
                                        </div> 
        
                                    </div> 
        
                                </ItemTemplate> 
        
                            </telerik:RadPanelItem> 
        
                        </Items> 
        
                    </telerik:RadPanelItem> 
        
                    <telerik:RadPanelItem runat="server" Text="WP Search" Value="WPSearch">  
        
                        <Items> 
        
                            <telerik:RadPanelItem runat="server" Value="WPSearchContent">  
        
                                <ItemTemplate> 
        
                                    <div class="wpSearchForm">  
        
                                        <div style="float:left; clear:both; width:70px;">First Name: </div> 
        
                                        <div style="float:left; vertical-align: middle">  
        
                                            <asp:TextBox runat="server" ID="txtWPFname" Width="130px"></asp:TextBox></div>  
        
                                        <div style="float:left; clear:both; width:70px;">Last Name: </div> 
        
                                        <div style="float:left; vertical-align: middle"><asp:TextBox runat="server" Width="130px" ID="txtWPLname"></asp:TextBox></div>  
        
                                        <div style="clear:both; float:left; width:70px;">Sex: </div> 
        
                                        <div style="float:left; vertical-align: middle">  
        
                                            <asp:DropDownList runat="server" ID="drpWPSex">  
        
                                                <asp:ListItem Text="" Value=""></asp:ListItem> 
        
                                                <asp:ListItem Text="M" Value="M"></asp:ListItem> 
        
                                                <asp:ListItem Text="F" Value="F"></asp:ListItem> 
        
                                            </asp:DropDownList> 
        
                                        </div> 
        
                                        <div style="float: left; clear: both; width: 70px;">Password: </div> 
        
                                        <div style="float:left; vertical-align: middle"><asp:TextBox runat="server" Width="130px" ID="txtWPPassword" TextMode="password"></asp:TextBox></div>  
        
                                        <div style="clear:both; float: left; text-align:left; margin-left:34px; padding-bottom:10px; vertical-align: middle">  
        
                                            <asp:Button runat="server" ID="btnWPSubmit" Text="Search" OnClick="btnWPSearch_Click" /> 
        
                                        </div> 
        
                                    </div> 
        
                                </ItemTemplate> 
        
                            </telerik:RadPanelItem> 
        
                        </Items> 
        
                    </telerik:RadPanelItem> 
        
                </Items> 
        
            </telerik:RadPanelBar>

One minor twist: the master page has a quick search field in it and the enter key is captured there using the "defaultbutton" attribute on the form tag...

Thanks for the help!

Eddie

PanelBar

answered on 07 Oct 2008

2 answers

174 views

[Solved] Error: 'MasterTable' is undefined

Hi

Please can someone help me..

i'm using RadGrid Ajax Grid, my coed is returning an error 'MasterTable' is undefined..
i also tried
var grid = sender;

function RowSelected(sender, eventArgs)
{
var dataItem = $get(eventArgs.get_id());

var grid = $find("<%=RadGrid1.ClientID %>");
var MasterTable = grid.get_masterTableView();
var row = MasterTable.get_dataItems()[dataItem.rowIndex];
var cell = MasterTable.getCellByColumnUniqueName(row, "tServer.id");

//here cell.innerHTML holds the value of the cell
}
function redirectToConfig()
{
    var selectedRows = MasterTable.get_selectedItems();
    var row = selectedRows[0];
    window.location = 'ServerConfig.aspx?id='+row
}
</script>
</telerik:RadCodeBlock>

<input onclick="redirectToConfig();" type="button" value="View Server Config"/>

Grid

answered on 07 Oct 2008