Questions on UI for ASP.NET AJAX Forum

1 answer

98 views

I keep getting an error when trying to view the design of a radpanelbar on a form. The control is fine when typing the code and during run time, but cannot be viewed in the Design mode.

The error that is displayed:
"Error Creating Control - telerik:radpanelbar"
Failed to create designer 'Telerik.Web.UI.RadPanelBar, Telerik.Web.UI, Version=2009.2.701.20, Culture=neutral, PublicKeyToken=121fae78165ba3d4'

I am using Visual Studios 2008 Version 3.5 SP1 and RadControl for ASP.NET AJAX Q2 2009.

Any help would be greatly appreciated.

General Discussions

answered on 19 Aug 2009

9 answers

260 views

How can I implement the following grid?

Hi,

In my current project, I have to implement a grid which looks like http://www.gouw.ws/SmartGrid.pdf where the user has to enter the min and max values for each month of the next 8 quarters.

On the grid:

- each row represent 24 columns (the min and max for each month of type integer)

- the shaded areas are read only

- the user can only enter values on the non shaded areas

Can you please show me :

- how to display multi level grid header text as shown on the grid

- how to dynamically display the correct number of rows on the grid depending on today's date

- how to dynamically set the appropriate cells on the grid to read only depending on today's date

- any samples which are relevant to the grid above?

Thank you for your help.

Kind regards,

Herman Gouw

Skype: hermangouw

Grid

answered on 19 Aug 2009

3 answers

269 views

Linq FilterExpression

Hello,

I have a radgrid i want to filter with a custom template, i'm using a linq datasource but i get the following error: "Expression expected".
The property "EnableLinqExpressions" is false.
Here is my code:

aspx:

    
            <telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="LinqDataSource1"   
        
                        AutoGenerateColumns="False" AllowAutomaticUpdates="True"   
        
                        AutoGenerateEditColumn="True" GridLines="None" Skin="Forest" 
        
                        AllowFilteringByColumn="True"  EnableLinqExpressions="False">  
        
                        <MasterTableView cellspacing="-1"   
        
                                    datasourceid="LinqDataSource1" datakeynames="Ge_ID" EditMode="PopUp">  
        
                        <RowIndicatorColumn> 
        
                        <HeaderStyle Width="20px"></HeaderStyle> 
        
                        </RowIndicatorColumn> 
        
                        <ExpandCollapseColumn> 
        
                        <HeaderStyle Width="20px"></HeaderStyle> 
        
                        </ExpandCollapseColumn> 
        
                            <Columns> 
        
                                <telerik:GridBoundColumn DataField="GeEmail" HeaderText="GeEmail"   
        
                                    SortExpression="GeEmail" UniqueName="GeEmail"   
        
                                    CurrentFilterFunction="Contains" ShowFilterIcon="false"   
        
                                    FilterListOptions="VaryByDataTypeAllowCustom">  
        
                                    <FilterTemplate> 
        
                                        <asp:TextBox runat="server" ID="FiltEmail"></asp:TextBox> 
        
                                        <asp:Button runat="server" ID="BtnFilEmail" Text="Filter"  CommandArgument="Email" CommandName="Filter2" /> 
        
                                    </FilterTemplate> 
        
                                </telerik:GridBoundColumn>

Hier is CodeBehind(VB):

    
             Protected Sub RadGrid1_ItemCommand(ByVal source As Object, ByVal e As GridCommandEventArgs) Handles RadGrid1.ItemCommand  
        
                    If e.CommandName = "Filter2" Then 
        
                        Dim sField As String = e.CommandArgument.ToString  
        
                        Select Case sField  
        
                            Case "Email" 
        
                                Dim txt As TextBox = e.Item.FindControl("FiltEmail")  
        
                                Dim sVal As String = txt.Text.ToString  
        
                                RadGrid1.MasterTableView.FilterExpression = "([GeEmail] Like %'" & sVal & "'%)" 
        
                                RadGrid1.Rebind()  
        
                                ' RadGrid1.MasterTableView.Rebind()  
        
                                Exit Select 
        
                            Case Else 
        
                                Exit Select 
        
                        End Select 
        
                    End If 
        
                End Sub

I even wan't to filter more colums.
I hope someone could help me.

Grid

answered on 19 Aug 2009

1 answer

88 views

[Solved] Localize info when resizing column

is there any posible to change that message which appears when we click and resize column? e.g. 'Width: 200 pixels'. i have to set polish language

Grid

answered on 19 Aug 2009

4 answers

335 views

RadGrid & RenderSelectedPageOnly

I am trying to do a simple example like the online wizard, but with a datagrid
the problem is that the datagrid_needdatasource is not firing at the right time
it only fires if i go to the 3rd tab (grid is on the second tab),

here is the code i am using, simple example.

<

telerik:RadTabStrip ID="tsRes" runat="server" SelectedIndex="0" AutoPostBack="true"

MultiPageID="mpRes">

<Tabs>

<telerik:RadTab Text="Step 1" Value="1">

</telerik:RadTab>

<telerik:RadTab Text="Step 2" Value="2" Enabled="false">

</telerik:RadTab>

<telerik:RadTab Text="Step 3" Value="3" Enabled="false">

</telerik:RadTab>

<telerik:RadTab Text="Step 4" Value="4" Enabled="false">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="mpRes" RenderSelectedPageOnly="true" SelectedIndex="0">

<telerik:RadPageView ID="pvStep1" runat="server">

Step 1

</telerik:RadPageView>

<telerik:RadPageView ID="pvStep2" runat="server">

<telerik:RadGrid ID="dgCustomers" runat="server" AutoGenerateColumns="false" OnNeedDataSource="dgCustomers_NeedDataSource">

<telerik:GridTemplateColumn>

<%

#Eval("Text") %>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadPageView>

<telerik:RadPageView ID="pvStep3" runat="server">

Step 3

</telerik:RadPageView>

<telerik:RadPageView ID="pvStep4" runat="server">

Step 4

</telerik:RadPageView>

</telerik:RadMultiPage>

<asp:Button ID="btnNext" runat="server" Text="Next" OnClick="btnNext_Click" /></telerik:RadAjaxPanel>

{

if (Page.IsValid)

{

RadTab selected = tsRes.SelectedTab;

int val = Convert.ToInt32(selected.Value);

//change the caption

if (val + 1 == tsRes.Tabs.Count)

{

btnNext.Text =

"Finish";

}

if (val < tsRes.Tabs.Count)

{

//get the next tab

RadTab nextTab = tsRes.FindTabByValue((val + 1).ToString());

nextTab.Enabled = nextTab.Selected =

true;

mpRes.SelectedIndex = nextTab.Index;

}

else

{

int save = 0;

}

protected void dgCustomers_NeedDataSource(object source, GridNeedDataSourceEventArgs e)

{

dgCustomers.DataSource = GetCustomers();

}

private ListItemCollection GetCustomers()

{

ListItemCollection custs = new ListItemCollection();

for(int i =1;i<10;i++)

{

ListItem li = new ListItem("Customer " + i.ToString());

custs.Add(li);

}

return custs;

}

TabStrip

answered on 19 Aug 2009

1 answer

106 views

calendar day style

hi all,

i want to change the style of entire week on mouse hovering a date in calendar. is this possible?

Thanks

Calendar

answered on 19 Aug 2009

3 answers

429 views

Problem with word-wrap in the list item of the rad combo box

Hello,

When used the default skin provided by RadCombobox the items in the listbox get wrapped while viweing them in the list if the list item is long.

I am using custom skin for RadCombobox. Using this skin, I managed to get the required appearance but the wrap functionality doesn't seem to work.

Instead when any one of the item in the list is long I am getting a horizontal scroll bar in the list.

I even tried setting the NoWrap property to false.

I don't want the horizontal scroll bar in the list of items of the radComboBox; instead the word should be wrapped as it does for the normal skin.

Please help me solving this issue.
Am I going wrong anywhere in the stlyesheet that I have formed because of which the wrap is not working?

Below is the definiton of the ComboBox and the stylesheet file used.

    <telRAD:RadComboBox ID="radCombo" NoWrap="false" Height="70PX" runat="server" EnableEmbeddedSkins="false" Skin="radBP">
                                <Items>
                                    <telRAD:RadComboBoxItem Value="A" Text="ADDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD"/>
                                    <telRAD:RadComboBoxItem Value="B" Text="B"/>
                                    <telRAD:RadComboBoxItem Value="C" Text="C"/>
                                    <telRAD:RadComboBoxItem Value="D" Text="D"/>
                                    <telRAD:RadComboBoxItem Value="E" Text="E"/>
                                    <telRAD:RadComboBoxItem Value="F" Text="F"/>
                                </Items>
                            </telRAD:RadComboBox>

stylesheet file.

/* RadComboBox skin */
/*global*/
.RadComboBox_radBP *
{
margin:0;
padding:0;
}
.RadComboBox_radBP,
.RadComboBox_radBP input,
.RadComboBoxDropDown_radBP
{
font:12px verdana;
color:#999;
}
/* combobox */
.RadComboBox_radBP
{
vertical-align:bottom;
}
.RadComboBox_radBP table
{
border:0;
border-collapse:collapse;
}
.RadComboBox_radBP td
{
border: 0;
}
.RadComboBox_radBP .rcbInputCell
{
/*width:100%;
height:23px;
line-height:22px;
border:solid 1px blue;
vertical-align:top;*/
/*background: transparent url('ComboBox/rcbBg.gif') no-repeat;*/

border:1px solid #7F9DB9;
background-color: white;
vertical-align: middle;
font-family: Verdana;
font-size: 0.9em;
color: black;
padding-left: 3px;
/*padding-top: 4px;
padding-left: 3px;*/
height: 18px;
/*cursor: default;*/

}
.RadComboBox_radBP .rcbInputCellLeft { background-position: 0 0; padding-left: 5px; }
.RadComboBox_radBP .rcbInputCellRight { background-position: 100% 0; padding-right: 5px; }
.RadComboBox_radBP .rcbDisabled .rcbInputCellLeft { background-position: 0 -24px; }
.RadComboBox_radBP .rcbDisabled .rcbInputCellRight { background-position: 100% -24px; }
.RadComboBox_radBP .rcbHovered .rcbInputCellLeft { background-position: 0 -48px; }
.RadComboBox_radBP .rcbHovered .rcbInputCellRight { background-position: 100% -48px; }
.RadComboBox_radBP .rcbFocused .rcbInputCellLeft { background-position: 0 -72px; }
.RadComboBox_radBP .rcbFocused .rcbInputCellRight { background-position: 100% -72px; }
.RadComboBox_radBP .rcbInputCell input
{
width:100%;
/*background:transparent;*/
border:0;
vertical-align:top;
background-color: white;
vertical-align: middle;
font-family: Verdana;
font-size: 0.9em;
color:Black;
}
.RadComboBox_radBP .rcbInputCell
{
padding: 0 0 0 2px;
}
.RadComboBox_radBP_rtl .rcbInputCell input
{
padding:4px 2px 3px 0;
}
.RadComboBox_radBP_rtl .rcbInputCell
{
padding: 0 2px 0 0;
}
.RadComboBox_radBP .rcbArrowCell
{
border: 0;
padding:0;
width:15px;
border: 1px solid #7F9DB9;
background:url('C:\Inetpub\wwwroot\GEMSHub\GEMSHubWebSite\RADControls\ComboBox\Skins\radCombo\DropArrow.gif') no-repeat;
}
/*.RadComboBox_radBP .rcbArrowCellLeft { background-position: -24px 0; }
.RadComboBox_radBP .rcbArrowCellRight { background-position: 0 0; }
.RadComboBox_radBP .rcbDisabled .rcbArrowCellLeft { background-position: -24px -24px; }
.RadComboBox_radBP .rcbDisabled .rcbArrowCellRight { background-position: 0 -24px; }
.RadComboBox_radBP .rcbHovered .rcbArrowCellLeft { background-position: -24px -48px; }
.RadComboBox_radBP .rcbHovered .rcbArrowCellRight { background-position: 0 -48px; }
.RadComboBox_radBP .rcbFocused .rcbArrowCellLeft { background-position: -24px -72px; }
.RadComboBox_radBP .rcbFocused .rcbArrowCellRight { background-position: 0 -72px; }*/
.RadComboBox_radBP .rcbArrowCell a
{
position:relative;
outline:none;
line-height:22px;
overflow:hidden;
display:block;
width:24px;
height:25px;
text-decoration:none;
text-indent: -9999px;
font-size: 0;
}
.RadComboBox_radBP .rcbHovered,
.RadComboBox_radBP .rcbHovered input,
.RadComboBox_radBP .rcbFocused,
.RadComboBox_radBP .rcbFocused input
{
color:Black;
}
.RadComboBox_radBP .rcbDisabled .rcbArrowCell a
{
cursor:no-drop;
}
.RadComboBox_radBP .rcbDisabled,
.RadComboBox_radBP .rcbDisabled input
{
color: #373737;
}
/* dropdown */
.rcbSlide
{
position:absolute;
overflow:hidden;
display:none;
_height:1px;
float:left;
}
.RadComboBoxDropDown_radBP
{
position:absolute;
background:#fff;
border: 1px solid #323232;
cursor:default;
font-size:0.9em;
text-align: left;
}
.RadComboBoxDropDown_radBP .rcbScroll
{
overflow:auto;
}
.RadComboBoxDropDown_radBP .rcbList
{
list-style:none;
margin:0;
padding:0;
}
.RadComboBoxDropDown_radBP .rcbNoWrap .rcbList
{
float:left;
WORD-WRAP:BREAK-WORD;
}

.RadComboBoxDropDown_radBP .rcbHeader
{
background:#202020;
border-bottom: 1px solid #141414;
color:#999;
padding:3px 0;
}
.RadComboBoxDropDown_radBP .rcbNoWrap .rcbItem,
.RadComboBoxDropDown_radBP .rcbNoWrap .rcbHovered,
.RadComboBoxDropDown_radBP .rcbNoWrap .rcbDisabled,
.RadComboBoxDropDown_radBP .rcbNoWrap .rcbLoading
{
white-space:nowrap;
WORD-WRAP:BREAK-WORD;
}
.RadComboBoxDropDown_radBP .rcbItem,
.RadComboBoxDropDown_radBP .rcbHovered,
.RadComboBoxDropDown_radBP .rcbDisabled,
.RadComboBoxDropDown_radBP .rcbLoading
{
padding:4px 20px 4px 4px;
zoom:1;
}
*+html .RadComboBoxDropDown_radBP .rcbItem,
*+html .RadComboBoxDropDown_radBP .rcbHovered,
*+html .RadComboBoxDropDown_radBP .rcbDisabled,
*+html .RadComboBoxDropDown_radBP .rcbLoading
{
zoom: normal;
}
.RadComboBoxDropDown_radBP_rtl .rcbItem,
.RadComboBoxDropDown_radBP_rtl .rcbHovered,
.RadComboBoxDropDown_radBP_rtl .rcbDisabled,
.RadComboBoxDropDown_radBP_rtl .rcbLoading
{
padding:4px 4px 4px 20px;
}
.RadComboBoxDropDown_radBP .rcbItem
{
font-family: Verdana;
font-size: 0.9em;
color: #333333;
padding: 1px 0px 0px 3px;
text-decoration: none;
text-align: left;
_height:1%;
}
.RadComboBoxDropDown_radBP .rcbHovered
{
/*background:#343434 url('ComboBox/rcbDropDownHover.gif') repeat-x top left;*/
font-family:Verdana ;
font-size: 0.9em;
color: white;
text-decoration: none;
/*background-color: #777777; */
background-color: #316AC5;
/*cursor: pointer;
/*cursor: hand;*/
padding: 1px 0px 0px 3px;
text-align: left;
_height:1%;
}
.RadComboBoxDropDown_radBP .rcbDisabled
{
color:#555;
cursor:no-drop;
}
.RadComboBoxDropDown_radBP .rcbLoading
{
background:#292929;
color: #505050;
text-align:center;
}
.RadComboBoxDropDown_radBP .rcbMoreResults
{
clear:both;
background:#292929;
padding:4px;
text-align:center;
border-top: 1px solid #141414;
}
.RadComboBoxDropDown_radBP .rcbMoreResults a
{
display:block;
width:7px;
height:6px;
/*background:url('ComboBox/rcbMoreResults.gif') no-repeat transparent;*/
margin:0 auto;
text-indent:-3333px;
overflow:hidden;
text-decoration:none;
cursor:pointer;
}
.RadComboBoxDropDown_radBP .rcbMoreResults span
{
display:block;
text-align:center;
}
.RadComboBoxDropDown_radBP .rcbScroll
{

}
/*hacks*/
/*Opera start*/
@media screen and (min-width:550px)
{
.RadComboBoxDropDown_radBP_rtl .rcbItem,
.RadComboBoxDropDown_radBP_rtl .rcbHovered,
.RadComboBoxDropDown_radBP_rtl .rcbDisabled,
.RadComboBoxDropDown_radBP_rtl .rcbLoading
{
padding:4px 4px 4px 20px;
}
} /*Opera end*/

ComboBox

answered on 19 Aug 2009

3 answers

162 views

how to select first row in the grid after PageIndexChanged event

hi,

i want to select the first row in the grid after pageindexchange event.

i tried the below code but it is not working

rgStockItem.MasterTableView.Items[0].Selected =

true;

any help will be greatly appreciated.

Grid

answered on 19 Aug 2009

4 answers

101 views

RadAjaxLoadingPanel always wraps to new line even with IsSticky=true and Wrap=false

I have IsSticky="true" and Wrap="false" on my RadAjaxLoading panel but it always wraps to a new line nonetheless. I even added a CssClass to it that set display:inline and white-space:nowrap and it still wraps. How do you get the loading panel to now wrap to a new line?

Ajax

answered on 18 Aug 2009

1 answer

103 views

DateInput doesn't work with ar-sa

I am trying to use the DateInput for an Arabic, Saudia Arabia (ar-SA 1025) site and it doesn't seem to work.
I try to enter '1430/08/26' and it doesn't accept the input.
I am using Version=2008.2.723.35.
Even the latest demo @ http://demos.telerik.com/aspnet-ajax/input/examples/raddateinput/firstlook/defaultcs.aspx doesn't seem to work.

Am I missing something ?? Does my system have to be configured a certain way to support ar-SA??

    
                    <telerik:RadDateInput  
        
                        ID="RadDateInputStartDate" 
        
                        runat="server" DateFormat="yyyy/MM/dd" Culture="ar-SA" 
        
                        ButtonsPosition="Left"> 
        
                        <ClientEvents OnError="HandleError" /> 
        
                    </telerik:RadDateInput>

I programmatically set the date to '1430/08/26' in the code behind and as soon as I click on (client side) the DateInput control it converts it to the en-US equivalent. The problem appears to be the client-side javascript doesn't know I am running an arabic site.

Using an arabic firefox install
The Culture of the page and DateInput control is set to ar-SA.
Running on win2k3 (in Sharepoint)
Tried changing the 'Regional and Language' settings in the Control Panel to 'Arabic (Saudi Arabia) didn't seem to change anything

Input

answered on 18 Aug 2009