Questions on UI for ASP.NET AJAX Forum

4 answers

345 views

[Solved] Making the 'TabStrip' + 'MultiPageView' combination look GOOD.

Okay,

The issue here is easy.

Tabstrip + MultiPageView looks, plain and simple, crap. In other words, it looks NOTHING like a 'tab control'.

The MultiPageView and TabStrip have a one pixel gap in between them.
The MultiPageView needs to be able to have the borders (and the lack of a piece of border under the selected tab) as a 'real tab control' has.
There is no padding at all in the PageViews, which needs to be done by hand.
CSS is little help with the 'look like a REAL tab control' issue.

Example of how it looks in Telerik default:

How it should NOT look

Mock-up example of how it SHOULD look:

How it SHOULD look

Guess i just found the reason why most other ASP.NET control suites have an actual tab control, instead of some thrown together controls that do not work together properly.

The real issue here is, how the heck am I supposed to demonstrate a web app to a potential customer when it looks like crap?

Also, gigantic workarounds are not an option, after all you call your controls RAD, which stands for RAPID Application Development, not 'Massive Workaround Development'. If i wanted the latter, I'd be using Microsoft standard controls.

Once again, this sort of stuff can cost me a sale, customers are anal after all. In the end, if i do not make this sale, Telerik doesn't make a sale either.

Regards,

Mike

TabStrip

answered on 09 Feb 2009

1 answer

112 views

item.open not working

I'm using the latest asp radcontrols and trying to open a menu item up by default when the page displays. I'm using the following js sample code from this site:

function openMenu() {

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

var item = menu.findItemByText("Invoices");

item.open();

}

but VS2008 stops at item.open() and says the method doesn't exist. I can inspect item, see that it's not null, it has a value and see a method list which includes stuff like focus, expand, show, etc but it's right, there's no open method in the list.

Any idea what's wrong? I found a few different samples on the site but they all call item.open.

Menu

answered on 09 Feb 2009

6 answers

229 views

Performance Issue with RadGrid

If someone could help me understand a performance issue I'm having with the RadGrid I would be very grateful

I'm displaying a list of Orders, each one has a DetailView of the Lines in that Order. There are around 2000 orders. The Order Lines in the DetailView are loaded on demand, and I've double-checked the datasource is not getting hit, so I'm guessing that has nothing to do with the performance.

I've traced the page, and the PreRender Event takes around 5 seconds. The database query takes about 0.5, my conversion from a Business Object to a Dataset takes 0.4 seconds, but I'm at a loss as to what that other 4 seconds is for.

Could someone give me a pointer please?

    
                    <!-- ***    Main Grid DataSources   *** --> 
        
                    <asp:ObjectDataSource ID="odsCustomers" runat="server" SelectMethod="GetList" TypeName="MyProject.BLL.ListValuesDataSource" > 
        
                        <SelectParameters> 
        
                            <asp:Parameter DefaultValue="Customers" Name="ListName" Type="String" /> 
        
                        </SelectParameters> 
        
                    </asp:ObjectDataSource>    
        
                    <asp:ObjectDataSource ID="odsSalesOrderHeaders" runat="server" OldValuesParameterFormatString="original_{0}" 
        
                        SelectMethod="GetSalesOrderHeadersByCustomerIDCompletedDataSet" TypeName="MyProject.BLL.SalesOrderHeadersDataSource">   
        
                        <SelectParameters> 
        
                            <asp:Parameter Name="CustomerID" DefaultValue="0" /> 
        
                            <asp:Parameter Name="Status" DefaultValue="CURRENT" /> 
        
                        </SelectParameters> 
        
                    </asp:ObjectDataSource>  
        
                    <asp:ObjectDataSource ID="odsSalesOrderLines" runat="server" SelectMethod="GetSalesOrderLinesByOrderHeaderIDDataSet" TypeName="MyProject.BLL.SalesOrderLinesDataSource">           
        
                        <SelectParameters> 
        
                            <asp:SessionParameter Name="OrderHeaderID" SessionField="SelectedRecordKey" Type="Int32" />             
        
                        </SelectParameters>         
        
                    </asp:ObjectDataSource> 
        
                <!-- ***************************************************************************** 
        
                     * Order Headers Grid                                                        * 
        
                     ***************************************************************************** -->                                            
        
                    <div class="gridWrapper"> 
        
                        <telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="odsSalesOrderHeaders" AutoGenerateColumns="False" OnLoad="RadGridFormatColumns"> 
        
                            <HeaderContextMenu EnableTheming="True"> 
        
                                <CollapseAnimation Duration="200" Type="OutQuint" /> 
        
                            </HeaderContextMenu> 
        
                            <MasterTableView ClientDataKeyNames="OrderID" DataSourceID="odsSalesOrderHeaders" DataKeyNames="OrderID" AllowFilteringByColumn="True"> 
        
                                <DetailTables>                                                      
        
                                    <telerik:GridTableView DataSourceID="odsSalesOrderLines" ClientDataKeyNames="OrderHeaderID" DataKeyNames="OrderHeaderID" Width="100%" > 
        
                                        <ParentTableRelation> 
        
                                            <telerik:GridRelationFields DetailKeyField="OrderHeaderID" MasterKeyField="OrderID" /> 
        
                                        </ParentTableRelation>                         
        
                                        <Columns> 
        
                                            <telerik:GridBoundColumn DataField="OrderLineID" Visible="false" /> 
        
                                            <telerik:GridBoundColumn DataField="FK_ProductName" HeaderText="Product" /> 
        
                                            <telerik:GridBoundColumn DataField="FK_PriceCode" HeaderText="Price Code" /> 
        
                                            <telerik:GridBoundColumn DataField="FK_PriceDescription" HeaderText="Price Desc." />                             
        
                                            <telerik:GridBoundColumn DataField="Quantity" HeaderText="Quantity" /> 
        
                                            <telerik:GridBoundColumn DataField="SalePrice" HeaderText="SalePrice" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" /> 
        
                                            <telerik:GridBoundColumn DataField="SaleValue" HeaderText="SaleValue" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" /> 
        
                                        </Columns>                         
        
                                    </telerik:GridTableView>                     
        
                                </DetailTables> 
        
                                <Columns>                                         
        
                                    <telerik:GridBoundColumn DataField="CustomerID" Visible="false" />                     
        
                                    <telerik:GridHyperLinkColumn DataTextField="OrderID" HeaderText="Ref" DataNavigateUrlFields="OrderID" DataNavigateUrlFormatString="SalesOrderDetails.aspx?order={0}" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" FilterControlWidth="100%" />                                           
        
                                    <telerik:GridBoundColumn DataField="FK_CustomerName" HeaderText="Customer" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" FilterControlWidth="100%" />                                                                                                                         
        
                                    <telerik:GridBoundColumn DataField="Department"  HeaderText="Dept." Visible="false" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" FilterControlWidth="100%" />                            
        
                                    <telerik:GridBoundColumn DataField="AssociateSurname"  HeaderText="Patient" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" FilterControlWidth="100%" />                            
        
                                    <telerik:GridBoundColumn DataField="Required" HeaderText="Required" Visible="false" DataType="System.DateTime" />                                 
        
                                    <telerik:GridBoundColumn DataField="FK_OrderStatus" HeaderText="Status" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" FilterControlWidth="100%" />                                                                                                                                                 
        
                                </Columns>                  
        
                                <RowIndicatorColumn Visible="True"> 
        
                                    <HeaderStyle Width="20px" /> 
        
                                </RowIndicatorColumn> 
        
                                <ExpandCollapseColumn> 
        
                                    <HeaderStyle Width="20px" /> 
        
                                </ExpandCollapseColumn> 
        
                            </MasterTableView> 
        
                            <FilterMenu EnableTheming="True"> 
        
                                <CollapseAnimation Duration="200" Type="OutQuint" /> 
        
                            </FilterMenu> 
        
                            <ClientSettings AllowDragToGroup="True" AllowColumnsReorder="True" ReorderColumnsOnClient="True" EnableRowHoverStyle="True">                             
        
                                <Resizing AllowColumnResize="True" /> 
        
                                <Selecting AllowRowSelect="true" /> 
        
                                <ClientEvents OnRowDblClick="RadGrid1_RowDblClick" />  
        
                            </ClientSettings>                       
        
                        </telerik:RadGrid>

Grid

answered on 09 Feb 2009

6 answers

185 views

[Solved] Grid Column Display Issues

Ok, I am still trying to evaluate your product. I am binding to a business object list. I don't want automatic generation of columns at runtime because I want the headers named something more reader friendly.

I turn off the checkbox which will auto-generate the columns.
I then add the three columns to the collection

I see the columns that I generate in the collection editor while looking at design view, but when I run the app I don't see one of the columns I created. I look at the "Source View" and the column that I can't see when the app runs is not in the source code...but I can still see it in "Design View".

Why is the changes not tranferring into "Source"? Once I made the changes manually in source, I was able to see the column in runtime.

This also happens with all other settings. For example "HeaderStyle-Width", "HeaderStyle-Font-Size" etc... Everytime I make a change in the designer it does not transfer into "Source". I always have to go into "Source" and change it manually.
Michael

Grid

answered on 09 Feb 2009

3 answers

97 views

[Solved] sharing calendar popup between DatePicker and DateTimePicker

Hello.

1) my generated html is a quite different then your sample code. My html contains many such stylesheet markup for every calendar in a page:

    
            <!-- 2008.3.1125.35 --><input style="visibility:hidden;display:block;float:right;margin:0 0 -1px;width:1px;height:1px;overflow:hidden;border:0;padding:0;" id="RadDatePicker1" name="RadDatePicker1" type="text" class="rdfd_" value="" /><style type='text/css'>/*Telerik RadCalendar Default skin*/  
        
            table.RadCalendar_Default  
        
            {  
        
                border-collapse:separate;  
        
                border:0;  
        
                background:#fff;  
        
                font:11px arial,tahoma,sans-serif;  
        
                width:220px;  
        
            }  
        
            /*titlebar*/  
        
            .RadCalendar_Default .rcTitlebar  
        
            {  
        
                width:100%;  
        
                border:1px solid;  
        
                border-color:#101010 #090909 #171717;  
        
                padding:0;  
        
                background:#444 url('/cb_development/WebResource.axd?d=GY5_dY0OqN5Ye8MygpNIEtK9CJJ24Z0xzFKd0JRJCBrVyX7paXxYTcN1q0R1aGLeMm84v2mP1nvsTE4QOEmezOdIyduwgvpXQFsOkbw_gJM1&t=633631346260000000') 0 -500px repeat-x;  
        
                color:#fff;  
        
            }

I cannot see no such code in your html. How is it possible? I am using Version 2008.3 1125.

I have simply dragged calendar picker from toolbox. My page looks like that:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="x_test.aspx.cs" Inherits="CB.x_test"  %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title>Untitled Page</title> 
        
            <script type="text/javascript">  
        
            </script> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server">  
        
                    </asp:ScriptManager> 
        
                    <telerik:RadDatePicker ID="RadDatePicker1" runat="server">  
        
            <Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"></Calendar> 
        
            <DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton> 
        
                    </telerik:RadDatePicker> 
        
                </form> 
        
            </body> 
        
            </html>

2) I am trying to share calendar popup between datePicker and dateTimePicker. But I am receiving an client side errors.

Is it possible?

Thank you.

Calendar

answered on 09 Feb 2009

0 answers

79 views

latest version of telerik for .net framework 3.0

Hello,

We are using .Net Framework 3.0. Could you please let us know which version of telerik control should we use for .Net Framework 3.0 and from where we can download the telerik version for Framework 3.0.

Many Thanks,

Regards,

Sai prashad

General Discussions

asked on 09 Feb 2009

2 answers

108 views

"Customizing the Rad scheduler"

Hi,

I want to customize "more option" window in RadScheduler. What i would like to do is just i want to add color picker along with description, From date,To date and so on.. So i need a way of doing that color picker.

Thanks

Mahesh

Scheduler

answered on 09 Feb 2009

3 answers

165 views

changing the mouseover image for button inside nestedviewtemplate

I am trying to change the image for an imagebutton on mouseover.

i followed this posting:
http://www.telerik.com/community/forums/aspnet-ajax/grid/reference-control-in-nestedviewtemplate.aspx

I was able to add the attributes in the ItemDataBound event with the code below:

protected

void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

foreach (GridNestedViewItem item1 in RadGrid1.MasterTableView.GetItems(Telerik.Web.UI.GridItemType.NestedView))

{

ImageButton imgbtn = (ImageButton)item1.FindControl("ImageButton1");

imgbtn.Attributes.Add(

"onmouseover", "src='App_Themes/MLightning/Layout/Key_Select2.bmp'");

imgbtn.Attributes.Add(

"onmouseout", "src='App_Themes/MLightning/Layout/Key_Select1.bmp'");}

}
}

The image changes on mouseover and mouseout respectively.
However the screen tends to jump when i mouseover the button or mouseout.
I don't want the user to see the screen flicker ... please guide.

Grid

answered on 09 Feb 2009

2 answers

206 views

[Solved] LoadingPanel not displaying for RadGrid

Hi There,

My RadAjaxLoadingPanel doesn't seem to be displaying when the radgrid loads up for the first time a page is visited. I have tried

    
            <
telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            
            <
AjaxSettings>
            
            <telerik:AjaxSetting AjaxControlID="PlanRadGrid">  
        
            <UpdatedControls> 
        
            <telerik:AjaxUpdatedControl ControlID="PlanRadGrid" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
            </UpdatedControls> 
        
            </telerik:AjaxSetting>
</
AjaxSettings>
 
            </
telerik:RadAjaxManager>

as well as encapsulting my radgrid within an ajax-enabled panel (see below)

    
            <telerik:RadAjaxPanel runat="Server" EnableAJAX="True" LoadingPanelID="RadAjaxLoadingPanel1">   
        
                    <table id="Table1" runat="server" style="width:2000px; text-align:left">  
        
                        <tr> 
        
                            <td>                
        
                                <telerik:radgrid        id="PlanRadGrid"   
        
                                                        AllowFilteringByColumn="True"   
        
                                                        AllowSorting="True"   
        
                                                        AutoGenerateColumns="False"   
        
            etc etc

as well as following the example http://www.telerik.com/help/aspnet-ajax/ajxshowloadingpaneloninitialpageload.html (which is not what I want and it doesn't quite work because the loading panel is displayed AFTER my grid displays!)

Applying the filter/sorting etc correctly displays the loading panel when the grid is rebuilt however I don't know why it isn't being displayed when the grid is built when a user first visits the page.

Thanks for your help,
Danielle

Grid

answered on 09 Feb 2009

0 answers

180 views

Sheduler tooltip

Hi,

I think there is something missing in this example : http://demos.telerik.com/aspnet-ajax/scheduler/examples/radtooltip/defaultcs.aspx

RadTooltipManager has the following event set: OnAjaxUpdate="RadToolTipManager1_AjaxUpdate"

I can't find this event anywhere on this link, so I think it is missing.

Anyway, I have tried to accomplish changing the default radScheduler tooltip in my application (this tutorial shows how) and failed.

Any suggestions?

Thanx in advance,
LP, Luka

Scheduler

asked on 07 Feb 2009