Questions on UI for ASP.NET AJAX Forum

2 answers

143 views

Sorry, posted it in the wrong forum, ASP.NET instead of ASP.NET AJAX, however the question was:

Im trying to make a RadChart with dynamic series, which are added from the code behind. Beneath i have the code server side with a dynamic added serie to the radchart:

    
                    private void InitRadChart() 
        
                    { 
        
                        RadChart1.ChartTitle.TextBlock.Text = "Pensioen overzicht"; 
        
                        RadChart1.Chart.Series.Clear(); 
        
                        RadChart1.PlotArea.XAxis.AutoScale = false; 
        
                        RadChart1.PlotArea.XAxis.AddRange(intPrePensioenLeeftijd, intEindeXAsLeeftijd, 1); 
        
                        int intHuidigInkomenRest = intHuidigInkomen%5000; 
        
                        RadChart1.PlotArea.YAxis.AutoScale = false; 
        
                        RadChart1.PlotArea.YAxis.AddRange(0, intHuidigInkomen-intHuidigInkomenRest+10000 , 5000); 
        
                        ChartSeries csPrePensioen = new ChartSeries("PrePensioen", ChartSeriesType.StackedBar); 
        
                        int intPPAOWGerechtigdeLeeftijd = intAOWGerechtigdeLeeftijd; 
        
                        int intPPPrePensioenLeeftijd = intPrePensioenLeeftijd; 
        
                        csPrePensioen.ActiveRegionToolTip = "test"; 
        
                        csPrePensioen.Appearance.BarWidthPercent = 100; 
        
                        for (int i = intPPPrePensioenLeeftijd; i < intPPAOWGerechtigdeLeeftijd; i++) 
        
                        { 
        
                            ChartSeriesItem citem = new ChartSeriesItem(); 
        
                            citem.XValue = i; 
        
                            citem.YValue = intPrepensioen; 
        
                            csPrePensioen.AddItem(citem); 
        
                        } 
        
                        csPrePensioen.Appearance.LabelAppearance.Visible = false; 
        
                        RadChart1.Series.Add(csPrePensioen); 
        
                }

Here is the code of the RadChart:

    
            <telerik:RadChart ID="RadChart1" runat="server" Skin="Metal" Height="400px" Width="700px"> 
        
                <PlotArea> 
        
                    <EmptySeriesMessage Visible="True"> 
        
                        <Appearance Visible="True"> 
        
                        </Appearance> 
        
                    </EmptySeriesMessage> 
        
                    <XAxis> 
        
                        <Appearance Color="Transparent" MajorTick-Color="174, 174, 174"> 
        
                            <MajorGridLines Color="40, 255, 255, 255" PenStyle="Solid" /> 
        
                            <TextAppearance TextProperties-Color="51, 51, 51"> 
        
                            </TextAppearance> 
        
                        </Appearance> 
        
                        <AxisLabel> 
        
                            <TextBlock> 
        
                                <Appearance TextProperties-Color="51, 51, 51"> 
        
                                </Appearance> 
        
                            </TextBlock> 
        
                        </AxisLabel> 
        
                        <Items> 
        
                            <telerik:ChartAxisItem Value="100"> 
        
                            </telerik:ChartAxisItem> 
        
                        </Items> 
        
                    </XAxis> 
        
                    <YAxis> 
        
                        <Appearance Color="Transparent" MajorTick-Color="174, 174, 174" MinorTick-Color="174, 174, 174"> 
        
                            <MajorGridLines Color="40, 255, 255, 255" /> 
        
                            <MinorGridLines Color="40, 255, 255, 255" /> 
        
                            <TextAppearance TextProperties-Color="51, 51, 51"> 
        
                            </TextAppearance> 
        
                        </Appearance> 
        
                        <AxisLabel> 
        
                            <TextBlock> 
        
                                <Appearance TextProperties-Color="51, 51, 51"> 
        
                                </Appearance> 
        
                            </TextBlock> 
        
                        </AxisLabel> 
        
                    </YAxis> 
        
                    <Appearance Corners="Round, Round, Round, Round, 4"> 
        
                        <FillStyle FillType="Image"> 
        
                            <FillSettings BackgroundImage="{plotarea}" ImageAlign="Top" ImageDrawMode="Flip" 
        
                                ImageFlip="FlipY"> 
        
                            </FillSettings> 
        
                        </FillStyle> 
        
                        <Border Color="174, 174, 174" Width="4" /> 
        
                    </Appearance> 
        
                </PlotArea> 
        
                <Appearance Corners="Round, Round, Round, Round, 10"> 
        
                    <FillStyle FillType="Image"> 
        
                        <FillSettings ImageDrawMode="Flip" BackgroundImage="{chart}"> 
        
                        </FillSettings> 
        
                    </FillStyle> 
        
                    <Border Color="111, 111, 111"></Border> 
        
                </Appearance> 
        
                <ChartTitle> 
        
                    <Appearance> 
        
                        <FillStyle MainColor="Transparent"> 
        
                        </FillStyle> 
        
                    </Appearance> 
        
                    <TextBlock> 
        
                        <Appearance TextProperties-Font="Arial, 16pt"> 
        
                        </Appearance> 
        
                    </TextBlock> 
        
                </ChartTitle> 
        
                <Legend> 
        
                    <Appearance Position-AlignedPosition="TopRight" Dimensions-Margins="16%, 3%, 1px, 1px"> 
        
                        <ItemTextAppearance TextProperties-Color="Black"> 
        
                        </ItemTextAppearance> 
        
                        <FillStyle MainColor="Transparent"> 
        
                        </FillStyle> 
        
                        <Border Color="Transparent"></Border> 
        
                    </Appearance> 
        
                </Legend> 
        
            </telerik:RadChart>

Whatever i try, the barwidthpercent can't be set from the code behind, the bars keep a distance between each other.

I can't see what im doing wrong either, whenever i try to make a serie in the client side, the barwidthpercent does work, but the problem of that is that i cant dynamicly add series to the chart, depending on how much i need. Any solution?

thanks in advance

Chart (Obsolete)

answered on 04 May 2011

2 answers

388 views

Problem using Placeholder

I am creating a RadGrid in C# and adding it to a placeholder.

RadGrid RadGrid1 = new RadGrid();

RadGrid1.ID = "RadGrid1";

// Add the RadGrid instance to the controls

this.PlaceHolder1.Controls.Add(RadGrid1);

RadGrid1.DataSourceID = "SqlDataSource1";

RadGrid1.MasterTableView.DataKeyNames = new string[] { "Jobnumber" };

RadGrid1.Skin = "Default";

RadGrid1.Width = Unit.Percentage(100);

RadGrid1.PageSize = 15;

RadGrid1.AllowPaging = true;

RadGrid1.AllowSorting = true;

RadGrid1.AllowFilteringByColumn = true;

RadGrid1.AutoGenerateColumns = false;

RadGrid1.GridLines = GridLines.Both;

RadGrid1.ItemCommand += new GridCommandEventHandler(RadGrid1_ItemCommand);

//Add columns

GridBoundColumn boundColumn;

foreach (DataRow dr in dt.Rows)

{

//Add column

boundColumn = new GridBoundColumn();

boundColumn.DataField = dr["DataField"].ToString().Trim(); // Initalize the DataField value.

boundColumn.HeaderText = dr["HeaderText"].ToString().Trim(); // Initialize the HeaderText field value.

boundColumn.HtmlEncode = false;

boundColumn.ReadOnly = true;

boundColumn.SortExpression = dr["SortExpression"].ToString().Trim();

boundColumn.HeaderStyle.CssClass = "headerstyle";

if (dr["align"].ToString().Trim().ToUpper().Equals("RIGHT"))

boundColumn.ItemStyle.HorizontalAlign = HorizontalAlign.Right;

if (dr["align"].ToString().Trim().ToUpper().Equals("LEFT"))

boundColumn.ItemStyle.HorizontalAlign = HorizontalAlign.Left;

if (dr["align"].ToString().Trim().ToUpper().Equals("CENTER"))

boundColumn.ItemStyle.HorizontalAlign = HorizontalAlign.Center;

if (dr["width"].ToString().Length == 0)

boundColumn.HeaderStyle.Width = 100;

else

boundColumn.HeaderStyle.Width = Convert.ToInt32(dr["width"].ToString().Trim());

RadGrid1.MasterTableView.Columns.Add(boundColumn);

}

<asp:PlaceHolder ID="PlaceHolder1" runat="server" />

The problem I am having is accessing the RadGrid in my other functions.

protected void btn1AusePrint_Command(GridCommandEventArgs e)

{

RadGrid Grid1 = (RadGrid)PlaceHolder1.FindControl("RadGrid1");

Grid1.PageSize = 1;                           // Set to one record per page when displaying document

:

}

I get the following error on "Grid1.PageSize = 1;" when I build the solution

Error 1 'System.Web.UI.ControlCollection' does not contain a definition for 'Grid1' and no extension method 'Grid1' accepting a first argument of type 'System.Web.UI.ControlCollection' could be found (are you missing a using directive or an assembly reference?)

Grid

answered on 04 May 2011

5 answers

118 views

Date Font Color in Month Header

Hi,

I'm using the Outlook skin and the date in the month header is gray against blue background. So it's very hard to read it.
A screen shot image is attached. How do I change the font color to some light color such as "White"? Thanks.

Han

Scheduler

answered on 04 May 2011

9 answers

230 views

Loading panel image doesn't show up on Internet explorer 7

Hello guys!

When loading panel opens on Internet explorer 7 it's image doesn't show up. Does anyone knows why?

I'm attaching an image showing the problem.

The image is displayed properly on all other browsers: Opera, Firefox, Chrome and Safari. Only IE7 (a.k.a. crappy browser) does this.

Thanks!

Cezar

Ajax

answered on 04 May 2011

1 answer

184 views

RadCompression causes double compression

Hi,

We've enabled RadCompression on a website that also uses an other 3rd party component which does it's own compression on it's response to AJAX requests to it's httphandler.
Because this component's gzip compression happens before the RadCompression the RadCompression causes the output to be double compressed.
When looking at the response header for this request it has a 'Content-Encoding' value of: 'gzip, gzip'. This causes the response to be dropped by browsers.

How should we handle this situation? We are not able to turn the other component's compression off.

Compression

answered on 04 May 2011

1 answer

157 views

Manually set file to be uploaded client side

Hi,

I'm trying to achieve something very complex and i hope you can help me with it.

Imagine there is an ActiveX control which outputs file name and paths (like C:\testDir\testFile.txt) when executed. Once i capture the OCX event, i would like to set this path information to RadAsyncUpload control without using the Browse button.

I have completed OCX part, captured the path information and event on client, i just don't know how to set the value to RadAsynctUpload control present on the page. Is this possible in any way so that once i give the filename, it will start uploading automatically ?

I am using Q1.2010 NET35

Best Regards,

Ozan GUNCELER

AsyncUpload

answered on 04 May 2011

1 answer

65 views

create columns are runtime

I need to create my menu with columns for some of the parent menu items, so the format has to be like this

item1                                       item2                                      item3
item1               item2               item1              item2                item
item3               item4               item3              item3                item
item5               item6                                                              item

and so on, I'm using the sitemapdatasource to populate my data, so can I achieve this format using radmenu

Menu

answered on 04 May 2011

1 answer

238 views

Change the chartseries order sequence in Stacked bar

Hi

I am developing a stacked bar chart. My datasource structure is

Month    value    GroupColumn
March    3            A
March    1            B
March    2            C
April       4            A
April       5            B
April       7            C

In my stacked bar chart, by default A is displaying in the bottom of the chart and then B and C. I want to re-order the position, it should appear order C, then B and A.

Regards
Arima

Chart (Obsolete)

answered on 04 May 2011

2 answers

54 views

Groupheader name sequence

Hello,

I have a grid control with 4 groupheaders. The order is ascending or descending for them. Pl see attached image. I want present then in very specific order other than ascending and descending.

How to set order for the group headers ?

Grid

answered on 04 May 2011

1 answer

50 views

change icon of raddcock close command

Hello,

I want to change the icon of raddock command. I am using skin sitefinity. To maintain cosistancy i wish to change it and pass it throgh CSS.

I am creating raddocks dynamically.

dock.Commands.Add(New DockCloseCommand())

dock.CommandsAutoPostBack = True

Here how to set css for the newly added close command ?

Dock

answered on 04 May 2011