Questions on UI for ASP.NET AJAX Forum

2 answers

118 views

RadProgressBar can't apply background image in Chrome

I download demo from http://demos.telerik.com/aspnet-ajax/upload/examples/customprogress/defaultcs.aspx

And then I tried to apply a background image to progress bar in Chrome. The version I currently use is 2009.1208.

Is it a bug?
Here are my steps:
1. Pull down demo page and compile it as local site
2. launch page from Chrome
3. Open Developer Tool and try to update the CSS for .RadUploadProgressArea_Default.ruProgress.ruBar div
4. Change the background image as below:

background-image: url(http://localhosts/images/back.jpg);

5. Nothing happens. The back.jpg can be applied successfully in FF or IE.

Do I do something wrong?

General Discussions

answered on 06 Jan 2010

3 answers

89 views

Problems with binding a Hierarchal RadGrid

Hi,
I am using a Hierarchal RadGrid to display the list of classrooms in a school and a list of student in each classroom
but when I try to expand a classroom to show the students, my grid still show me the list of classrooms under a classroom instead of showing the lsit of students. I bind my grid to business objects, what am I doing wrong?
below is my code;
aspx:

    
            <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %> 
        
            <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <div> 
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server"> 
        
                    </asp:ScriptManager> 
        
                    <telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None"  
        
                        onneeddatasource="RadGrid1_NeedDataSource"> 
        
            <MasterTableView> 
        
                <DetailTables> 
        
                    <telerik:GridTableView runat="server" Name="details"> 
        
                        <RowIndicatorColumn> 
        
                            <HeaderStyle Width="20px" /> 
        
                        </RowIndicatorColumn> 
        
                        <ExpandCollapseColumn> 
        
                            <HeaderStyle Width="20px" /> 
        
                        </ExpandCollapseColumn> 
        
                    </telerik:GridTableView> 
        
                </DetailTables> 
        
            <RowIndicatorColumn> 
        
            <HeaderStyle Width="20px"></HeaderStyle> 
        
            </RowIndicatorColumn> 
        
            <ExpandCollapseColumn visible="True"> 
        
            <HeaderStyle Width="20px"></HeaderStyle> 
        
            </ExpandCollapseColumn> 
        
            </MasterTableView> 
        
            <FilterMenu EnableTheming="True"> 
        
            <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        
            </FilterMenu> 
        
                    </telerik:RadGrid> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

c#

    
            using System; 
        
            using System.Configuration; 
        
            using System.Data; 
        
            using System.Linq; 
        
            using System.Web; 
        
            using System.Web.Security; 
        
            using System.Web.UI; 
        
            using System.Web.UI.HtmlControls; 
        
            using System.Web.UI.WebControls; 
        
            using System.Web.UI.WebControls.WebParts; 
        
            using System.Xml.Linq; 
        
            using Telerik.Web.UI; 
        
            public partial class _Default : System.Web.UI.Page  
        
            { 
        
                protected void Page_Load(object sender, EventArgs e) 
        
                {    
        
                    if (!Page.IsPostBack) 
        
                    { 
        
                        RadGrid1.DetailTableDataBind += new Telerik.Web.UI.GridDetailTableDataBindEventHandler(RadGrid1_DetailTableDataBind); 
        
                    } 
        
                } 
        
                protected override void OnInit(EventArgs e) 
        
                { 
        
                    base.OnInit(e); 
        
                    if (!Page.IsPostBack) 
        
                    { 
        
                        RadGrid1.DetailTableDataBind += new Telerik.Web.UI.GridDetailTableDataBindEventHandler(RadGrid1_DetailTableDataBind); 
        
                    } 
        
                } 
        
                void RadGrid1_DetailTableDataBind(object source, Telerik.Web.UI.GridDetailTableDataBindEventArgs e) 
        
                { 
        
                    (source as RadGrid).DataSource = (e.DetailTableView.ParentItem.DataItem as ClassRoom).students; 
        
                } 
        
                public School MySchool 
        
                { 
        
                    get 
        
                    { 
        
                        if (Session["school"] == null) 
        
                            Session["school"] = new School(); 
        
                        return Session["school"] as School; 
        
                    } 
        
                } 
        
                protected void RadGrid1_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e) 
        
                { 
        
                    RadGrid1.DataSource = MySchool.classes; 
        
                } 
        
            }

app_code(c#)

    
            using System; 
        
            using System.Data; 
        
            using System.Configuration; 
        
            using System.Linq; 
        
            using System.Web; 
        
            using System.Web.Security; 
        
            using System.Web.UI; 
        
            using System.Web.UI.HtmlControls; 
        
            using System.Web.UI.WebControls; 
        
            using System.Web.UI.WebControls.WebParts; 
        
            using System.Xml.Linq; 
        
            using System.Collections.Generic; 
        
            /// <summary> 
        
            /// Summary description for Class1 
        
            /// </summary> 
        
            public class School 
        
            { 
        
                public List<ClassRoom> classes; 
        
                public School() 
        
                { 
        
                    classes = new List<ClassRoom>(); 
        
                    ClassRoom cr1 = new ClassRoom("Grade1"); 
        
                    cr1.students.Add(new Student("Nifty", "Morafo")); 
        
                    cr1.students.Add(new Student("Nathi", "Xulu")); 
        
                    cr1.students.Add(new Student("Nkululeko", "Nkuruza")); 
        
                    classes.Add(cr1); 
        
                    ClassRoom cr2 = new ClassRoom("Gravy"); 
        
                    cr2.students.Add(new Student("Jerry", "Skosana")); 
        
                    cr2.students.Add(new Student("Brian", "Baloyi")); 
        
                    classes.Add(cr2); 
        
                    ClassRoom cr3 = new ClassRoom("SuperGrade"); 
        
                    cr3.students.Add(new Student("Anele", "Ndlela")); 
        
                    cr3.students.Add(new Student("Sindi", "")); 
        
                    classes.Add(cr3); 
        
                    ClassRoom cr4 = new ClassRoom("Casanova"); 
        
                    cr4.students.Add(new Student("Good", "Night")); 
        
                    classes.Add(cr4); 
        
                } 
        
            } 
        
            public class ClassRoom 
        
            { 
        
                public ClassRoom(string gradeName) 
        
                { 
        
                    students = new List<Student>(); 
        
                    GradeName = gradeName; 
        
                } 
        
                public List<Student> students; 
        
                public string GradeName; 
        
                public string Grade 
        
                { 
        
                    get 
        
                    { 
        
                        return GradeName; 
        
                    } 
        
                } 
        
            } 
        
            public class Student 
        
            { 
        
                public Student(string name, string surname) 
        
                { 
        
                    this.Name = name; 
        
                    this.Surname = surname; 
        
                } 
        
                public string FirstName 
        
                { 
        
                    get { return Name; } 
        
                } 
        
                public string LastName 
        
                { 
        
                    get { return Surname; } 
        
                } 
        
                public string Name; 
        
                public string Surname; 
        
            }

Thanks in advance,

Nkululeko Mthethwa.

Grid

answered on 06 Jan 2010

1 answer

89 views

Scrolling in RadGrid

Hi ,

I have mentioned the code for scrolling a grid like

</Scrolling>

</ClientSettings>

also i have set PageSize=20 and Height = 400Px

But when there is only 1 record there is empty space between 1st record and footer.

So how can we avoid that space when there are less record .

Grid

answered on 06 Jan 2010

1 answer

73 views

Horizontal Scroll in Rad Hierarchical Grids

Hi,

Is it possible to have horizontal scroll enable for Rad hierarchal Grids.?

In the Grid shown on this page http://demos.telerik.com/aspnet-ajax/grid/examples/programming/detailtabledatabind/defaultcs.aspx
I want horizontal scrolling enabled at every level of Hierarchy. If is it possible please suggest me how can I do that.

Thanks

Shahid

Grid

answered on 06 Jan 2010

1 answer

110 views

Client Select Column -- Mouse Over Style

Hi, I just got the latest DLL as of Jan 5, 2010. One change to the grids is that Grid Column Headers that are groupable / reorderable now use the Compass like Arrows on mouse over. This works fine but when you mouse over a checbox in the Client Select Column' Header it should change back to the hand or default mouse icon.

Grid

answered on 06 Jan 2010

1 answer

103 views

Multiple selected items when AllowMultiSelect is false?

I have a grouped grid, with AllowMultiSelect set to false. If I select a visible item, i.e. in a group that is expanded, then select another, the original item is unselected, as expected. However, if I select an item, collapse the group that it resides in, and select an item from another expanded group, I am seeing 2 selected items in the SelectedIndexChanged event. If I expand the original group, I see both the original item and the newly selected item are both selected in the grid. Is that by design? For now I will try to code around it.

Steve

Grid

answered on 06 Jan 2010

3 answers

137 views

[Solved] Problem with horizontal scrolling

Hi,

I have a grid with a lot of columns.
4 Columns show "who and when" and the rest shows quantities.
So the idea is to freeze the first 4 columns and enable the others to scroll.
I tried this - but there are a lot of "strange things" going on - it's not usable.
I guess (not sure) these problems occur because the columns have a different width.
To see what I mean I prepared a video:
http://www.pp-p.net/scrollproblem/

Normally each grid has some 100 rows - I reduced (and modified) the data because it is sensible.

If I set the width of the scrolling columns to equal values - two columns are missing :)
The first 4 columns have different size in this case...
I can compensate this by adding two "dummy columns".

If I set all columns to the same width - all columns are there - but the last one is "to small" (about half the width I set).
I can compensate this by setting the last column to a larger width.
But than the column is gone - again I have to add a dummy column.

To be more precise:
As you can see from my video the first column is about 130px the next is 70px and the next two are 60px.
This gives 320 pixels for the first four (the static one) columns.
My widest column has to be 135 pixels.
If I set all columns to the same width - this would mean that I need 540 pixels for the first 4 columns.
That's more than half of the space I have - 900 pixels.
In other words - setting all columns to the same width brings (visible at one time):
4 static + 2.5 scrolling columns.
With different column sizes I see 4 static plus 8 (!!) scrollable columns.
To see 8 out of 11 is ok - but 2.5 is more than useless.

Questions:
a.) Am I right that for horizontal scrolling all columns must have the same width?
b.) if a.) is true - is there (a simple) way to fix this (workaround)?
For b.)
- it must be really simple (the customer is used to scroll the whole grid - no frozen columns)
-----so frozen columns is more or less a "free addition" for the new version of the project
- it must be a solution that is flexible (number and needed width of the value columns changes).

Regards

Manfred

Grid

answered on 06 Jan 2010

1 answer

129 views

RadWindow Right border gets cut off

When I use the RadWindow as a static controls container and add any content within the <ContentTemplate> tags the right border of my window gets cut off. As soon as I remove everything from within the <ContentTemplate> tags, the border shows correctly.

The attached screenshots show the two different situations. You can see that even plain text causes the problem to occur.

<telerik:RadWindow ID="HeaderWindow" runat="server" Title="Header" Width="950" Skin="WebBlue"

Height="400" Left="10" Top="48" VisibleOnPageLoad="true" Behaviors="None" IconUrl="../../images/invoice_16.png"

VisibleStatusbar="False" Animation="Slide" EnableTheming="True">

Just Text

</ContentTemplate>

</telerik:RadWindow>

Thanks,

Jeff

Edit: Not sure why I didn't notice before but it also seems to be affecting the left border as well.

Window

answered on 06 Jan 2010

2 answers

67 views

Width to small and weird bottom

Hi all,

To question:
1: Can any of you tell me why my comboxbox not fill out the cell in my table when the width is set to 100%?
2: Why is there some weird color beneath the combobox?

The code for my combobox is:

    
            <telerik:RadComboBox ID="RcbDepot" runat="server" HighlightTemplatedItems="true" AllowCustomText="false" OnInit="RcbDepot_Init" Width="100%" />

The combobox looks like the attached picture.

Thanks in advance!

ComboBox

answered on 06 Jan 2010

3 answers

141 views

Accessing site with computer name and IP problem

We have an issue for one of the pages.
When I access the page with an IP address telerik based content renders correctly.
However, when I access the page with a computer name telerik based content is not alligned correctly.
Have anyone had similar problem, and how did you resolve it?

General Discussions

answered on 06 Jan 2010