Questions on UI for ASP.NET AJAX Forum

8 answers

495 views

Date picker control not working some times. Calendar opening but date not selectable. Please find the attachment for same.

Thanks

Calendar

answered on 08 Jun 2010

9 answers

259 views

Q1 2010 Button's height change

Hi all,

In Q1 2010 we changed the buttons' height to 22px. (was 21px. in previous versions) in order to fit and look better when placed next to RadInput or RadComboBox item.
If you are using a custom skin, based on previous version of the control, please change the following css classes in the skin's main CSS file (FormDecorator.css) with the corresponding values as shown below:

.rfdButton a.rfdSkinnedButton,

.rfdButton a.rfdSkinnedButton *

{

height: 21px !important;

line-height: 21px !important;

}

.rfdButton input[type="button"].rfdDecorated,

.rfdButton input[type="reset"].rfdDecorated,

.rfdButton input[type="submit"].rfdDecorated,

.rfdButton .rfdSkinnedButton button,

.rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover *

{

background-position: left -21px !important;

height: 21px !important;

line-height: 21px !important;

}

.rfdButton a.rfdSkinnedButton *

{

_background-position: left -21px !important;

}

/* IE6 fixes */

.rfdButton a.rfdInputDisabled:hover *

{

_background-position: left -21px !important;

}

.rfdButton a.rfdSkinnedButton:hover

{

background-position: right -42px !important;

}

.rfdButton a.rfdSkinnedButton:hover *

{

background-position: left -63px !important;

}

.rfdButton a.rfdClickedButton, .rfdButton a.rfdClickedButton:hover

{

background-position: right -84px !important;

}

.rfdButton a.rfdSkinnedButton.rfdClickedButton *

{

background-position: left -105px !important;

}

/* IE7 hovers fix */

* + html.rfdButton a.rfdSkinnedButton:hover *,

* + html .rfdButton a.rfdSkinnedButton:hover *

{

background-position: left -63px !important;

}

FormDecorator

answered on 08 Jun 2010

3 answers

166 views

[Solved] Blank Grid open in Insert Mode

How do I set up a blank grid to start inserting data? All I get is a blank screen
I am using VS 2010 with a trial copy of Telerik RAD controls

    
            <%@ Page Title="" Language="VB" MasterPageFile="~/Brunswick.master" AutoEventWireup="false" CodeFile="FastItemEntry.aspx.vb" Inherits="FastItemEntry" %> 
        
            <asp:Content ID="cntHead" ContentPlaceHolderID="cpHead" Runat="Server"> 
        
            </asp:Content> 
        
            <asp:Content ID="cntBody" ContentPlaceHolderID="cpHolder" Runat="Server"> 
        
                <telerik:RadScriptManager ID="rsManager" Runat="server"> 
        
                </telerik:RadScriptManager> 
        
                <telerik:RadAjaxManager ID="raManager" runat="server"> 
        
                </telerik:RadAjaxManager> 
        
                <table border="0" cellpadding="0" cellspacing="0"> 
        
                <tr> 
        
                <td> 
        
                    <telerik:RadGrid ID="rgAddItems" AutoGenerateColumns="False" GridLines="Both" runat="server"> 
        
                        <MasterTableView DataKeyNames="ItemID" CommandItemDisplay="Bottom" NoDetailRecordsText="begin entering data" runat="server"> 
        
                        <Columns> 
        
                            <telerik:GridBoundColumn DataField="ItemID" Visible="false" /> 
        
                            <telerik:GridBoundColumn UniqueName="PartNumber" DataField="PartNumber" HeaderText="Part Number" /> 
        
                            <telerik:GridBoundColumn UniqueName="ItemDescription" DataField="ItemDescription" HeaderText="Description" /> 
        
                            <telerik:GridTemplateColumn> 
        
                                <ItemTemplate> 
        
                                    <asp:Label ID="lblQty" runat="server" /> 
        
                                </ItemTemplate> 
        
                                <EditItemTemplate> 
        
                                    <telerik:RadNumericTextBox ID="rntbQty" NumberFormat-DecimalDigits="0" NumberFormat-GroupSizes="9" runat="server" > 
        
                                    </telerik:RadNumericTextBox> 
        
                                </EditItemTemplate> 
        
                            </telerik:GridTemplateColumn> 
        
                        </Columns> 
        
                        </MasterTableView> 
        
                    </telerik:RadGrid> 
        
                 </td> 
        
                 </tr> 
        
                </table> 
        
            </asp:Content> 
        
            Imports System.Data 
        
            Partial Class FastItemEntry 
        
                Inherits System.Web.UI.Page 
        
                Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load 
        
                    If Page.IsPostBack Then 
        
                    Else 
        
                        rgAddItems.MasterTableView.IsItemInserted = True 
        
                        rgAddItems.Rebind() 
        
                    End If 
        
                End Sub 
        
                Protected Sub rgAddItems_ItemCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles rgAddItems.ItemCommand 
        
                End Sub 
        
                Protected Sub rgAddItems_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles rgAddItems.NeedDataSource 
        
                    Dim dt As DataTable = Nothing 
        
                    rgAddItems.DataSource = dt 
        
                End Sub 
        
            End Class

Grid

answered on 08 Jun 2010

3 answers

80 views

Maybe a bug in RadComboBox

Hello,

I'm using version 2010.1.309.35 of the RadControls.

Using reflector in the method RenderTable of RadComboBox I can see:

                       if (this.Label.Length > 0)         
                {         
                    if (this.Width == Unit.Empty)         
                    {         
                        str = str + string.Format("width:160px", new object[0]);         
                    }         
                    else if (this.Width.Type != UnitType.Percentage)         
                    {         
                        str = str + string.Format("width:{0}{1}", this.Width.Value, "px");         
                    }         
                    str = str + "display:none";         
                }         
                     

the str is afterwards assigned to the style of the table.

The problem is that in neither line that sets the width there is no ; at the end of the width. After "display:none" is also added and I would get something like width:60pxdisplay:none. (And I dont know why the display:none)

Anyway my problem is that in the browser the width is something like 177px and I don't know where that comes from.

Please advise,

Thank you

General Discussions

answered on 08 Jun 2010

7 answers

244 views

Change RadDock title client-side AND server-side

I have a script client side that changes the title of a RadDock using the dock.set_title('New title') method. Why does this not reflect on the post back when I use RadDockLayout.GetRegisteredDocksState()? Here all the titles are as they were before.

Dock

answered on 08 Jun 2010

1 answer

131 views

Slider not showing in Collapsible Panel

We're using the Telerik APS.Net AJAX Q2 2008 controls, VS2008, and .Net 3.5 Framework. When placing the RadSlider into a panel with the AJAX Collapsible Panel Extender, the slider does one of two things; it will either partially render for a split-second & disappear, or it just won't appear at all. Tried registering the Vista css with no luck. The control works fine outside the Collapsible Panel. Also, SOMETIMES it will appear after collapsing/expanding the panel but this doesn't happen consistently.

This originally happened in a fairly complex .ascx control but behaves the same way in just a basic web page. Thanks.

Slider

answered on 08 Jun 2010

2 answers

132 views

Tab Formatting

Hi - I'm wondering if there is a way to format tabs (horizontal orientation) such that the tabs fill up the bottom row first and then fill up the row above. It appears the default is to fill up the top row first and then the bottom row. This has a counter-intuitive appearance and I'd like to change it.

Here is an example of how things are:

|********| |********| |********| |********| |********| |********| |********| |********| |********| |********| |********|
|********| |********| |********| |********|
---------------------------------------------------------------------------------------------------------------------
|                                                                                                                                                 |
|                                              Content Area - Tabs span entire width of page                          |
|                                                                                                                                                 |
|                                                                                                                                                 |

and here's an example of how I would like them to look:

|********| |********| |********| |********|
|********| |********| |********| |********| |********| |********| |********| |********| |********| |********| |********|
---------------------------------------------------------------------------------------------------------------------
|                                                                                                                                                 |
|                                              Content Area - Tabs span entire width of page                          |
|                                                                                                                                                 |
|                                                                                                                                                 |

Thanks!
David

TabStrip

answered on 08 Jun 2010

4 answers

807 views

[Solved] Enable/Disable Command Item

hi ,
I had rad grid with all operation. In commanditem template i used on link button for add record command. The first column i have name and this is also link button in the itemtemplate. when i click this link reocrd can edit. My design is follows

    
                        <telerik:RadGrid ID="Rad_grd1" runat="server" AutoGenerateColumns="false" GridLines="None" BorderWidth="0" AllowSorting="true"  Width="100%" PageSize="20" AllowPaging="true" PagerStyle-Mode="NextPrev" PagerStyle-AlwaysVisible="true" PagerStyle-HorizontalAlign="Right" > 
        
                            <ClientSettings> 
        
                              <Resizing AllowRowResize ="true" /> 
        
                              <Selecting AllowRowSelect="true" /> 
        
                              <Scrolling AllowScroll ="true" UseStaticHeaders ="true"  SaveScrollPosition="true"/>                    
        
                              <ClientEvents OnScroll="HandleScrolling" /> 
        
                           </ClientSettings> 
        
                               <MasterTableView DataKeyNames="ID, ParameterCollectionTypeId, Status" ClientDataKeyNames="ID" TableLayout="Fixed" CommandItemDisplay="Top" EditMode="EditForms" > 
        
                                   <RowIndicatorColumn Visible="True">  
        
                                   </RowIndicatorColumn> 
        
                                <Columns> 
        
                                    <telerik:GridTemplateColumn UniqueName="TemplateColumn" HeaderText="#">  
        
                                        <ItemTemplate> 
        
                                            <asp:Label ID="numberLabel" runat="server" Width="30px" /> 
        
                                        </ItemTemplate> 
        
                                        <HeaderStyle Width="30px" /> 
        
                                    </telerik:GridTemplateColumn> 
        
                                    <telerik:GridTemplateColumn HeaderText="Name" UniqueName="Name">  
        
                                        <ItemTemplate> 
        
                                            <asp:LinkButton ID="lnkbtn_Edit" runat="server" CommandName="Edit" Text='<%#Eval("Name") %>'></asp:LinkButton> 
        
                                        </ItemTemplate> 
        
                                    </telerik:GridTemplateColumn> 
        
                              </Columns> 
        
                                 <EditFormSettings EditFormType="Template">  
        
                                    <FormTemplate> 
        
                                        <table width="100%">  
        
                                            <tr> 
        
                                                <td colspan="2">  
        
                                                    <asp:ValidationSummary ID="vs_Summary1" CssClass="" runat="server" ValidationGroup="EditValidation" ShowSummary="true"    
        
                                                        ForeColor="Red" DisplayMode="BulletList" /> 
        
                                                </td> 
        
                                            </tr> 
        
                                            <tr> 
        
                                                <td> 
        
                                                    <asp:Label ID="lbl_etHeading" runat="server" Text="Add New Parameter"></asp:Label> 
        
                                                </td> 
        
                                            </tr> 
        
                                            <tr> 
        
                                                <td width="15%">  
        
                                                    <asp:Label ID="lbl_etName" runat="server" Text="ParameterName :"></asp:Label> 
        
                                                </td> 
        
                                                <td width="85%">  
        
                                                    <telerik:RadTextBox ID="rad_txt_etName" Width="200px" runat="server" Text='<%#Bind("Name") %>' SelectionOnFocus="CaretToEnd"></telerik:RadTextBox> 
        
                                                    <asp:RequiredFieldValidator ID="rfv_etName" Display="Dynamic" ValidationGroup="EditValidation" 
        
                                                        SetFocusOnError="true" runat="server" ControlToValidate="rad_txt_etName" 
        
                                                        ErrorMessage="Name is Mandatory!!!" Text="*" ForeColor="Red"></asp:RequiredFieldValidator> 
        
                                                </td> 
        
                                            </tr> 
        
                                      </table> 
        
                                    </FormTemplate> 
        
                                 </EditFormSettings>     
        
                               <CommandItemTemplate> 
        
                                    <asp:LinkButton ID="lnkbtn_AddNew" runat="server" CommandName="InitInsert" Text="Add New Name"></asp:LinkButton> 
        
                                </CommandItemTemplate>   
        
                              </MasterTableView> 
        
                        </telerik:RadGrid>

My scenario is When one process doing no other opertions are allowed. So when i click "add new name" i disbale the add new button and also the links in name field. In edit command and insert command i need to do this and in update and cancel command i need to enable again.?

I tried but i dont know why it not working. but i had one combo box outside the gridview and when i disable that combobox and enable that working nicely. The add new button's text is set in the itemcreated event of grid. i tried in the item command after databind the insert mode, but after disbale again the itemcreated event calling from override skin property?

Can anyone please give the solution?

Grid

answered on 08 Jun 2010

5 answers

193 views

Passing parameters to Dynamically Created Docks

I am trying to use the Dynamically Created Docks example at http://www.telerik.com/DEMOS/ASPNET/Prometheus/Dock/Examples/DynamicDocks/DefaultCS.aspx. however, I need to be able to pass parameters from the parent page to the dynamically created docks. My user controls have a public sub exposed called UpdateParameters(StartDate as Date, EndDate as Date, Client as String, Type as Integer). I just need to be able to call this subroutine from the parent page for all loaded docks.

Dock

answered on 08 Jun 2010

5 answers

191 views

Chart Flat Appearance

Hi,
I trying to make the chart (of bars) to look flat, without the hatch (or two border) that make it looks sunk.
See the two Red borders in the attached file.
I don't mean to change them to a diffrent color, but I mean to make the chart flat.

Thanks,
Niv.

Chart (Obsolete)

answered on 08 Jun 2010