Questions on UI for ASP.NET AJAX Forum

5 answers

1.0K+ views

Hi,
I am trying to bind the radgrid on button click but it doesnt work neither I get any error. The same code works perfectly fine when I move the binding on Page load.
Why is it so??

protected

void Button1_Click(object sender, EventArgs e)

{

RAASBLL Refresh = new RAASBLL();
//Calls the method which has the query in it

DataTable dtPlazas = Refresh.AllPlazas();

RadGrid2.MasterTableView.DataSource = dtPlazas.DefaultView;

RadGrid2.DataSource = dtPlazas.DefaultView;

RadGrid2.Databind ();

}

<

telerik:RadGrid ID="RadGrid2" runat="server" AllowFilteringByColumn="True"

autogeneratecolumns="False" datakeynames="PLAZA" AllowPaging="true" >

</CommandItemSettings>

</RowIndicatorColumn>

</ExpandCollapseColumn>

<telerik:GridBoundColumn DataField="PLAZA" HeaderText="Plaza" DataType="System.Decimal" SortExpression="PLAZA" UniqueName="PLAZA" />

<telerik:GridBoundColumn DataField="PLAZA_NAme" HeaderText="Plaza Name" DataType="System.String" SortExpression="PLAZA_NAME" UniqueName="PLAZA_NAME" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

<

asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Refresh" />

Please help.

Thanks,
Reena

Grid

answered on 28 Jul 2010

7 answers

400 views

Keep menu item open after click

Can someone give me a hand: I have a menu item that when clicked will be populated server-side with a sub-set of menu items. When the user clicks the initial menu item, I'd like it to stay open after it is populated with the new items.

Menu

answered on 28 Jul 2010

1 answer

333 views

Telerik Listbox item color

I am searching for an option to change the color of the selected item in a RadListbox from Blue to Black.. tried options in the css file as well as the .aspx file but the color appears to be blue. The code is attached below:

/* RadListBox Default skin */

/*global*/

.RadListBox_AnaquaSkin *

{

margin:1;

padding:2;

}

.RadListBox_AnaquaSkin .rlbGroup

{

border: 1px solid #8e8e8e;

background: #FFFFFF;

}

.RadListBox_AnaquaSkin .rlbText,

.RadListBox_AnaquaSkin .rlbItem,

.RadListBox_AnaquaSkin .rlbButtonText,

.RadListBox_AnaquaSkin .rlbEmptyMessage

{

font-size: 11px;

font-family: Arial, Verdana, MS Sans Sans-Serif;

}

.RadListBox_AnaquaSkin .rlbText,

.RadListBox_AnaquaSkin .rlbItem

{

line-height: 10px;

}

.RadListBox_AnaquaSkin .rlbGroup .rlbHovered

{

background: #ffffff;/* text color when hovered over options */

}

.RadListBox_AnaquaSkin .rlbGroup .rlbSelected

{

color: #FFF;

background: #0A246A;/* Listbox item selected background color #C8C8C8, #140B65*/

}

.RadListBox_AnaquaSkin .rlbDisabled .rlbText

{

color: #AAA;/*Disabled listbox text color*/

}

.RadListBox_AnaquaSkin .rlbDisabled .rlbImage

{

-moz-opacity: 0.5;

}

.RadListBox_AnaquaSkin .rlbDropClue

{

background-image: url('ListBox/rlbDropClue.png');

background-position: 0 0;

background-repeat: no-repeat;

background-color: transparent;

left: -10px;

width: 10px;

}

.RadListBox_AnaquaSkin .rlbGroup .rlbDropClueAbove

{

border-top-style: dotted;

border-top-color: #8e8e8e;

}

.RadListBox_AnaquaSkin .rlbGroup .rlbDropClueBelow

{

border-bottom-style: dotted;

border-bottom-color: #8e8e8e;

}

.RadListBox_AnaquaSkin .rlbGroup .rlbSelected.rlbDropClueAbove,

.RadListBox_AnaquaSkin .rlbGroup .rlbHovered.rlbDropClueAbove,

.RadListBox_AnaquaSkin .rlbGroup .rlbSelected.rlbDropClueBelow,

.RadListBox_AnaquaSkin .rlbGroup .rlbHovered.rlbDropClueBelow

{

border-color: #FFF;

}

/* Buttons normal state vertical layout*/

.RadListBox_AnaquaSkin .rlbButtonText

{

background: transparent url('ListBox/rlbSprite.png') no-repeat;

}

.RadListBox_AnaquaSkin .rlbButton:hover .rlbButtonTL,

.RadListBox_AnaquaSkin .rlbButton:hover .rlbButtonTR,

.RadListBox_AnaquaSkin .rlbButton:hover .rlbButtonBL,

.RadListBox_AnaquaSkin .rlbButton:hover .rlbButtonBR

{

background-image: url('ListBox/rlbButtonHover.png');

}

* html .RadListBox_AnaquaSkin .rlbButton:hover .rlbButtonTL,

* html .RadListBox_AnaquaSkin .rlbButton:hover .rlbButtonTR,

* html .RadListBox_AnaquaSkin .rlbButton:hover .rlbButtonBL,

* html .RadListBox_AnaquaSkin .rlbButton:hover .rlbButtonBR

{

background-image: url('ListBox/rlbButtonHoverIE6.png');

}

.RadListBox_AnaquaSkin .rlbButton .rlbButtonTL,

.RadListBox_AnaquaSkin .rlbButton .rlbButtonTR,

.RadListBox_AnaquaSkin .rlbButton .rlbButtonBL,

.RadListBox_AnaquaSkin .rlbButton .rlbButtonBR,

.RadListBox_AnaquaSkin .rlbDisabled:hover .rlbButtonTL,

.RadListBox_AnaquaSkin .rlbDisabled:hover .rlbButtonTR,

.RadListBox_AnaquaSkin .rlbDisabled:hover .rlbButtonBL,

.RadListBox_AnaquaSkin .rlbDisabled:hover .rlbButtonBR

{

background-image: url('ListBox/rlbButtonNormal.png');

}

* html .RadListBox_AnaquaSkin .rlbButton .rlbButtonTL,

* html .RadListBox_AnaquaSkin .rlbButton .rlbButtonTR,

* html .RadListBox_AnaquaSkin .rlbButton .rlbButtonBL,

* html .RadListBox_AnaquaSkin .rlbButton .rlbButtonBR,

* html .RadListBox_AnaquaSkin .rlbDisabled:hover .rlbButtonTL,

* html .RadListBox_AnaquaSkin .rlbDisabled:hover .rlbButtonTR,

* html .RadListBox_AnaquaSkin .rlbDisabled:hover .rlbButtonBL,

* html .RadListBox_AnaquaSkin .rlbDisabled:hover .rlbButtonBR

{

background-image: url('ListBox/rlbButtonNormalIE6.png');

}

.RadListBox_AnaquaSkin .rlbButton:hover .rlbButtonText

{

color: #FFF;

}

.RadListBox_AnaquaSkin .rlbDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbDisabled:hover .rlbButtonText

{

color: #888;

}

.RadListBox_AnaquaSkin .rlbMoveUp .rlbButtonText { background-position: 0 0; }

.RadListBox_AnaquaSkin .rlbMoveUp:hover .rlbButtonText { background-position: -400px 0; }

.RadListBox_AnaquaSkin .rlbMoveUpDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbMoveUpDisabled:hover .rlbButtonText { background-position: -200px 0; }

.RadListBox_AnaquaSkin .rlbMoveDown .rlbButtonText { background-position: 0 -25px; }

.RadListBox_AnaquaSkin .rlbMoveDown:hover .rlbButtonText { background-position: -400px -25px; }

.RadListBox_AnaquaSkin .rlbMoveDownDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbMoveDownDisabled:hover .rlbButtonText { background-position: -200px -25px; }

.RadListBox_AnaquaSkin .rlbDelete .rlbButtonText { background-position: 0 -50px; }

.RadListBox_AnaquaSkin .rlbDelete:hover .rlbButtonText { background-position: -400px -50px; }

.RadListBox_AnaquaSkin .rlbDeleteDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbDeleteDisabled:hover .rlbButtonText { background-position: -200px -50px; }

.RadListBox_AnaquaSkin .rlbButtonAreaRight .rlbTransferTo .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaLeft .rlbTransferFrom .rlbButtonText { background-position: 0 -100px; }

.RadListBox_AnaquaSkin .rlbButtonAreaLeft .rlbTransferTo .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaRight .rlbTransferFrom .rlbButtonText { background-position: 0 -75px; }

.RadListBox_AnaquaSkin .rlbButtonAreaLeft .rlbTransferFrom:hover .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaRight .rlbTransferTo:hover .rlbButtonText { background-position: -400px -100px; }

.RadListBox_AnaquaSkin .rlbButtonAreaLeft .rlbTransferTo:hover .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaRight .rlbTransferFrom:hover .rlbButtonText { background-position: -400px -75px; }

.RadListBox_AnaquaSkin .rlbButtonAreaRight .rlbTransferToDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaLeft .rlbTransferFromDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaLeft .rlbTransferFromDisabled:hover .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaRight .rlbTransferToDisabled:hover .rlbButtonText { background-position: -200px -100px; }

.RadListBox_AnaquaSkin .rlbButtonAreaLeft .rlbTransferToDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaRight .rlbTransferFromDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaLeft .rlbTransferToDisabled:hover .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaRight .rlbTransferFromDisabled:hover .rlbButtonText { background-position: -200px -75px; }

.RadListBox_AnaquaSkin .rlbButtonAreaRight .rlbTransferAllTo .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaLeft .rlbTransferAllFrom .rlbButtonText { background-position: 0 -150px; }

.RadListBox_AnaquaSkin .rlbButtonAreaLeft .rlbTransferAllTo .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaRight .rlbTransferAllFrom .rlbButtonText { background-position: 0 -125px; }

.RadListBox_AnaquaSkin .rlbButtonAreaLeft .rlbTransferAllFrom:hover .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaRight .rlbTransferAllTo:hover .rlbButtonText { background-position: -400px -150px; }

.RadListBox_AnaquaSkin .rlbButtonAreaLeft .rlbTransferAllTo:hover .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaRight .rlbTransferAllFrom:hover .rlbButtonText { background-position: -400px -125px; }

.RadListBox_AnaquaSkin .rlbButtonAreaRight .rlbTransferAllToDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaLeft .rlbTransferAllFromDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaLeft .rlbTransferAllFromDisabled:hover .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaRight .rlbTransferAllToDisabled:hover .rlbButtonText { background-position: -200px -150px; }

.RadListBox_AnaquaSkin .rlbButtonAreaLeft .rlbTransferAllToDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaRight .rlbTransferAllFromDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaLeft .rlbTransferAllToDisabled:hover .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaRight .rlbTransferAllFromDisabled:hover .rlbButtonText { background-position: -200px -125px; }

.RadListBox_AnaquaSkin .rlbButtonAreaBottom .rlbTransferTo .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaTop .rlbTransferFrom .rlbButtonText { background-position: 0 -200px; }

.RadListBox_AnaquaSkin .rlbButtonAreaTop .rlbTransferTo .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaBottom .rlbTransferFrom .rlbButtonText { background-position: 0 -175px; }

.RadListBox_AnaquaSkin .rlbButtonAreaTop .rlbTransferFrom:hover .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaBottom .rlbTransferTo:hover .rlbButtonText { background-position: -400px -200px; }

.RadListBox_AnaquaSkin .rlbButtonAreaTop .rlbTransferTo:hover .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaBottom .rlbTransferFrom:hover .rlbButtonText { background-position: -400px -175px; }

.RadListBox_AnaquaSkin .rlbButtonAreaBottom .rlbTransferToDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaTop .rlbTransferFromDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaTop .rlbTransferFromDisabled:hover .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaBottom .rlbTransferToDisabled:hover .rlbButtonText { background-position: -200px -200px; }

.RadListBox_AnaquaSkin .rlbButtonAreaTop .rlbTransferToDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaBottom .rlbTransferFromDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaTop .rlbTransferToDisabled:hover .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaBottom .rlbTransferFromDisabled:hover .rlbButtonText { background-position: -200px -175px; }

.RadListBox_AnaquaSkin .rlbButtonAreaBottom .rlbTransferAllTo .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaTop .rlbTransferAllFrom .rlbButtonText { background-position: 0 -250px; }

.RadListBox_AnaquaSkin .rlbButtonAreaTop .rlbTransferAllTo .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaBottom .rlbTransferAllFrom .rlbButtonText { background-position: 0 -225px; }

.RadListBox_AnaquaSkin .rlbButtonAreaTop .rlbTransferAllFrom:hover .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaBottom .rlbTransferAllTo:hover .rlbButtonText { background-position: -400px -250px; }

.RadListBox_AnaquaSkin .rlbButtonAreaTop .rlbTransferAllTo:hover .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaBottom .rlbTransferAllFrom:hover .rlbButtonText { background-position: -400px -225px; }

.RadListBox_AnaquaSkin .rlbButtonAreaBottom .rlbTransferAllToDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaTop .rlbTransferAllFromDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaTop .rlbTransferAllFromDisabled:hover .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaBottom .rlbTransferAllToDisabled:hover .rlbButtonText { background-position: -200px -250px; }

.RadListBox_AnaquaSkin .rlbButtonAreaTop .rlbTransferAllToDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaBottom .rlbTransferAllFromDisabled .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaTop .rlbTransferAllToDisabled:hover .rlbButtonText,

.RadListBox_AnaquaSkin .rlbButtonAreaBottom .rlbTransferAllFromDisabled:hover .rlbButtonText { background-position: -200px -225px

; }





ASP code below contains a simple Listbox and a special RadListBox:


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ListBoxTest.aspx.cs" Inherits="Anaqua.Web.UI.ListBoxTest" 
    MasterPageFile="~/MasterPages/ApplicationPage.Master" %>
<%@ MasterType VirtualPath="~/MasterPages/ApplicationPage.Master" %>
 
<asp:Content ID="ListBoxTestContent" ContentPlaceHolderID="PageContentPlaceHolder" runat="server">
 
    <asp:ListBox ID="testlistbox1"  width="250" Height="80px" runat="server">
        <asp:ListItem selected="true" Text="1" Value="0"  /> 
        <asp:ListItem selected="False" Text="2" Value="1" />
        <asp:ListItem Text="3" Value="2" />
        <asp:ListItem Text="4" Value="3" />
        <asp:ListItem Text="5" Value="4" />
        <asp:ListItem Text="6" Value="5" />
        <asp:ListItem Text="7" Value="6" />
        <asp:ListItem Text="8" Value="7" />
        <asp:ListItem Text="9" Value="8" />
        </asp:ListBox>
     
   <Anaqua:AnaquaRadListBox
   ID="TestRadListBox" Width="250px" Height="80px" color="Black"
             AllowTransfer="false"
             AllowReorder="false"
             AllowTransferDuplicates="false"
             AllowTransferOnDoubleClick="false"
             EnableDragAndDrop="false"
             SelectionMode="Single"
             runat="server"> 
              
        <Items>
            <telerik:RadListBoxItem Text="1" Value="0" />
            <telerik:RadListBoxItem Text="2" Value="1" />
            <telerik:RadListBoxItem Text="3" Value="2" />
            <telerik:RadListBoxItem Text="4" Value="3" />
            <telerik:RadListBoxItem Text="5" Value="4" /> 
            <telerik:RadListBoxItem Text="6" Value="5" /> 
            <telerik:RadListBoxItem Text="7" Value="6" /> 
            <telerik:RadListBoxItem Text="8" Value="7" />
            <telerik:RadListBoxItem Text="9" Value="8" />  
        </Items>         
    </Anaqua:AnaquaRadListBox>
 
</asp:Content>

ListBox

answered on 28 Jul 2010

1 answer

166 views

Charts won't display

Hi

I have suddenly started getting issues with RADCahrts not displaying.

I get an error

"You may also wish to check the ASP.NET Trace for further details.
Display stack trace?"

This is on my development PC running Windows 7 64-bit, VS 2010, .Net 4, IIS7, Telerik Q3 2009 SP2.

These charts have been stable for years, the page they are on hasn't changed.
Deploying the app to my test server, the charts still work fine there, so something has happened on my PC.

I did recently install an app that popped up a message to say it had enabled CUDA - could that have anything to do with it?
I have disabled it again, but still no luck.

All other Telerik utilities work fine, just the charts.

I note that on other reports of this error you have said it is to do with running in a web farm. Not the case here, it is on my development laptop, whether in debug mode or running the compiled app.

Any suggestions?

Thanks

Rob Lewis - PaxMondeo

Chart (Obsolete)

answered on 28 Jul 2010

1 answer

106 views

Styling/Skinning the Grid

Hoping someone can help me understand styling/skinning a little bit.

I have a radgrid that I don't want visible when my page loads. (In JS, I make it visible later.)

I have a radgrid defined as in example 1. using css as shown. RadGrid doesn't seem to pick it up (except in design mode). But then if I define my grid as in example 2 (using style=.....), my grid is initially hidden as desired. Can someone help me understand how the grid decides on style?

Thanks,
Hugo

// example 1 - style specified via css file

<telerik:RadGrid ID="BAGrid" runat="server" DataSourceID="ProdData" GridLines="None" AllowSorting="True" OnPreRender="BAGrid_PreRender">

// example 1 css

#BAGrid {

visibility:hidden;

background-color:Purple; <--shows up in design mode but not at load time!

}

// example 2 - style specified inline

<telerik:RadGrid ID="BAGrid" style="visibility:hidden" runat="server" DataSourceID="ProdData" GridLines="None" AllowSorting="True" OnPreRender="BAGrid_PreRender">

Grid

answered on 28 Jul 2010

1 answer

280 views

Allowing Custom Text for Only Specific Items

I'm trying to                   Allow Custom text for only specific comboboxitems inside a radcombobox. Does anyone

<telerik:RadComboBox ID="MessageDropDown" runat="server" EmptyMessage="" AllowCustomText="true">
                    <Items>
                    <telerik:RadComboBoxItem Text="Approved By:"/>
                    <telerik:RadComboBoxItem Text="Lowest Fare Available"/>
</telerik :RadComboBox>

So for example if I wanted to allow free text only on the Approved By: Entry, what's the easiest way to do this?

Thanks
Chuck

ComboBox

answered on 28 Jul 2010

1 answer

115 views

Execute javascript function when Rad Window is closed

Is there any client side event that is fired when a rad window closes? if so how can I subscribe to the event? thanks

Window

answered on 28 Jul 2010

3 answers

223 views

manual crud operation in Hierarchical Radgrid

Hi,

can any one help me about Manual insert / update / delete ( CRUD ) operation in Hierarchical

Rad grid in a programmatic way using sql database

Advanced thanks for your help.

Grid

answered on 28 Jul 2010

2 answers

147 views

Javascript Error while export RadGrid to Excel

Dear Experts,

I'm using RadGrid to display my data with the date filter feature by using RadDatePicker.
The RadGrid data show javascript error while i export it to excel while i do some date filter activity.
The error message is "this.ColGroup.Cols is null or not an object".
but if i export to excel without do any date filtering, then it work perfectly.
Please Advice.
Thanks in advance!

Best Regards,
Bey

Grid

answered on 28 Jul 2010

2 answers

97 views

[Solved] How to remove the background of TabStrip?

Dear Telerik Team,

Now I am developing an ecommerce site, and some of pages used Telerik TabStrip. I used Office2007 skin for them. Generally, it looked fine with the page layouts but not perfect (because I used a Gray tone for designing the whole website, so it's better if I can change the light Blue background of the TabStrip to light Gray). I searched in old posts in this forum, but there is no entry relevant to this issue.

Could you tell me how can I get over this issue?

regard,

Nguyen

TabStrip

answered on 28 Jul 2010