Questions on UI for ASP.NET AJAX Forum

5 answers

110 views

Hello,

I have a grid and have ajax it using the Manager as the grid needs to update other controls on the page. In the header of the grid using a Template Column I have a link which posts back and fires the ItemCommand.

Everything works fine on the first async call. Ajax works great. However, any subsequent call the entire page posts back. I have tried to put the manager in the mark-up as well as on PageLoad in setting its properties but to no avail.

<

rada:RadAjaxManager id="cntrlAjaxManager" runat="server">

<rada:AjaxSetting AjaxControlID="divTestCodeContainer">

<rada:AjaxUpdatedControl ControlID="divTestCodeContainer" />

</UpdatedControls>

</rada:AjaxSetting>

</AjaxSettings>

</

rada:RadAjaxManager>

The "divTestCodeContainer" contains the Grid and all other controls.

Any help would be appreciated.
Thanks,
Feizal

Grid

answered on 17 Jul 2008

2 answers

215 views

MasterPage Affect?

Hi,

I tried to implement the sliding panel bar with help of telerik online demos
http://www.telerik.com/DEMOS/ASPNET/Prometheus/PanelBar/Examples/ApplicationScenarios/SlidingPanelbar/DefaultCS.aspx
I created two asp pages. One page inherits Master page and the other page doesn't inherit the Master page. I used the same pieace of code available in the above demo site for both the pages.
I got the output for the page which doesn't inherit Master page but not for the other one. What could be the reason?

Additional info about my Master page:
My Master page has three divisions called "Header","Report","Footer" resp. Report division has the content place holder.

Why am i getting an javascript error?
Other than this method is there any other way to implement "Sliding Panel Bar" ?
Please provide me inputs. I need to implement this at any cost.

Thanks,
Nataraj

PanelBar

answered on 17 Jul 2008

1 answer

198 views

How to initiate AJAX Request with onBlur?

I'm using controls from : RadControls for ASPNET AJAX Q1 2008

I'm creating a registration form and trying to use RADAjaxManager, and RADInput with standard validation controls. Everything is working fine except I need to have the validation run onBlur.

    
            <tr> 
        
                <td class="label">*First Name:</td> 
        
                <td class="field"> 
        
                    <telerik:RadTextBox runat="server" ID="FirstName" TextMode="SingleLine" Columns="8" MaxLength="20" InvalidStyleDuration="100" Width="145px"/> 
        
                </td> 
        
                <td class="validation"> 
        
                    <asp:RequiredFieldValidator ID="RequireFirstName" runat="server" ControlToValidate="FirstName" ErrorMessage="First Name is Required" SetFocusOnError="true" Display="Dynamic"></asp:RequiredFieldValidator>                                             
        
                </td> 
        
            </tr>

How do I force the validation when the user leaves the Firstname field (onblur) using RAD Ajax?

Input

answered on 17 Jul 2008

2 answers

216 views

[Solved] SQLDataSource Date Column XAxis

Hello,
i've a RadChart with an SQLDataSource.
The DataSource has Columns like: Hour and Date.

I created the YAXis wiht Hours 0-24 with the Wizzard and Bound the Hour Column to Y-Axix for Series1.

Created XAxis in the codebehind Date(example: 1/1/2008 - 1/10/2008)

                double startTime = DateTime.Parse(Request.QueryString["stichtag"]).AddDays(-1).ToOADate();

                double endTime = DateTime.Parse(Request.QueryString["stichtagbis"]).AddDays(1).ToOADate();

                RadChart1.PlotArea.XAxis.AddRange(startTime, endTime, 1);

But i cant Bound the Date-Column to X-Axis becouse the column does not appear in the Wizzard.

Any solutions for this?

Many Thanks

Chart (Obsolete)

answered on 17 Jul 2008

5 answers

426 views

Custom Icon On Chart + Remove Background

Hi telerik team.

I have 2 questions.

1. I would like to know if i can add an custom image inside the ChartSeriesItem so it will look like this.

2. Please tried to get rid of all the background of my chart with no luck. please see the screen shot.

also here is the code of my page that the chart is in:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <%@ Register Assembly="Telerik.Charting, Version=2.0.2.0, Culture=neutral, PublicKeyToken=d14f3dcc8e3e8763" 
        
                Namespace="Telerik.Charting" 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> 
        
                <script language="javascript" type="text/javascript">  
        
            // <!CDATA[  
        
            function Button2_onclick() {  
        
            var service = new MyService();  
        
            service.DoWork(MyCallback, null, null);  
        
            }  
        
            function MyCallback(stam)  
        
            {  
        
                var txt1 = document.getElementById('txt1');  
        
                txt1.value = stam.StringValue;  
        
            }  
        
            // ]]> 
        
                </script> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <div> 
        
                </div> 
        
                <input id="txt1" type="text" /> 
        
                <asp:ScriptManager ID="ScriptManager1" runat="server">  
        
                    <Services> 
        
                        <asp:ServiceReference Path="MyService.svc" /> 
        
                    </Services> 
        
                </asp:ScriptManager> 
        
                <input id="Button2" type="button" value="button" onclick="return Button2_onclick()" /> 
        
                <br /> 
        
                <br /> 
        
                <telerik:RadChart ID="RadChart1" runat="server" Skin="Web20" Width="250px" Height="250px" 
        
                    AutoLayout="true" IntelligentLabelsEnabled="true">  
        
                    <Appearance Border-Visible="false" Dimensions-Margins="0">  
        
                        <FillStyle MainColor="blue">  
        
                            <FillSettings> 
        
                            </FillSettings> 
        
                        </FillStyle> 
        
                    </Appearance> 
        
                    <Legend Visible="false"></Legend> 
        
                    <PlotArea Appearance-Border-Visible="false">  
        
                        <XAxis MaxValue="5" MinValue="1" Step="1">  
        
                        </XAxis> 
        
                        <YAxis MaxValue="25" Step="5">  
        
                        </YAxis> 
        
                        <YAxis2 MaxValue="5" MinValue="1" Step="1">  
        
                        </YAxis2> 
        
                    </PlotArea> 
        
                    <ChartTitle Visible="false">  
        
                    </ChartTitle> 
        
                    <Legend Visible="false"></Legend> 
        
                    <Series> 
        
                        <telerik:ChartSeries Name="Series 1" Type="Pie">  
        
                            <Appearance ExplodePercent="5" Border-Width="2" Border-Color="#f8f9fb" ShowLabelConnectors="false" 
        
                                ShowLabels="true" StartAngle="-90">  
        
                            </Appearance> 
        
                            <Items> 
        
                                <telerik:ChartSeriesItem YValue="4" Name="Item 1">  
        
                                    <PointAppearance Visible="true"></PointAppearance> 
        
                                    <Label> 
        
                                        <TextBlock Text="4%">  
        
                                        </TextBlock> 
        
                                    </Label> 
        
                                    <Appearance Exploded="true">  
        
                                        <FillStyle MainColor="#b5e379" SecondColor="#b5e379">  
        
                                            <FillSettings> 
        
                                            </FillSettings> 
        
                                        </FillStyle> 
        
                                    </Appearance> 
        
                                </telerik:ChartSeriesItem> 
        
                                <telerik:ChartSeriesItem YValue="10" Name="Item 1">  
        
                                    <Appearance Exploded="true">  
        
                                        <FillStyle MainColor="#b5e379" SecondColor="#b5e379">  
        
                                            <FillSettings> 
        
                                            </FillSettings> 
        
                                        </FillStyle> 
        
                                    </Appearance> 
        
                                </telerik:ChartSeriesItem> 
        
                                <telerik:ChartSeriesItem YValue="4" Name="Item 1">  
        
                                    <Appearance Exploded="true">  
        
                                        <FillStyle MainColor="#b5e379" SecondColor="#b5e379">  
        
                                            <FillSettings> 
        
                                            </FillSettings> 
        
                                        </FillStyle> 
        
                                    </Appearance> 
        
                                </telerik:ChartSeriesItem> 
        
                                <telerik:ChartSeriesItem YValue="4" Name="Item 1">  
        
                                    <Appearance Exploded="true">  
        
                                        <FillStyle MainColor="#b5e379" SecondColor="#b5e379">  
        
                                            <FillSettings> 
        
                                            </FillSettings> 
        
                                        </FillStyle> 
        
                                    </Appearance> 
        
                                </telerik:ChartSeriesItem> 
        
                                <telerik:ChartSeriesItem YValue="30" Name="Item 2">  
        
                                    <Appearance> 
        
                                        <FillStyle MainColor="#fc6c58" SecondColor="#fc6c58">  
        
                                            <FillSettings GradientMode="BackwardDiagonal">  
        
                                            </FillSettings> 
        
                                        </FillStyle> 
        
                                    </Appearance> 
        
                                </telerik:ChartSeriesItem> 
        
                                <telerik:ChartSeriesItem YValue="48" Name="Item 3">  
        
                                    <Appearance> 
        
                                        <FillStyle MainColor="#e0e8f1" SecondColor="#e0e8f1">  
        
                                            <FillSettings GradientMode="ForwardDiagonal">  
        
                                            </FillSettings> 
        
                                        </FillStyle> 
        
                                    </Appearance> 
        
                                </telerik:ChartSeriesItem> 
        
                            </Items> 
        
                        </telerik:ChartSeries> 
        
                    </Series> 
        
                </telerik:RadChart> 
        
                </form> 
        
            </body> 
        
            </html>

Any help will be greatly appritiated!
Rasin Vadim.

Chart (Obsolete)

answered on 17 Jul 2008

0 answers

74 views

My Output from Disappears when i respond to alert

Hi all,

I am novice of TelerikRad Controls in ASP.NET Pls help.

I have downloaded TelerikRadControlsASPNET_tutorial.zip --TelerikRadControlsASPNET_tutorial.pdf file, in which "1.2.5 XHR and ASP.NET " contain an eg of XHR(XmlHttpRequest) usage i can summarize that I have

I am using vs2005 & ASP.Net Website(not ajax enabled)

1) xml document
<catalog>
<book id="bk101">
  <author>Gambardella, Matthew</author>
  <title>XML Developer's Guide</title>
  <genre>Computer</genre>
  <price>44.95</price>
  <publish_date>2000-10-01</publish_date>
  <description>
   An in-depth look at creating applications
   with XML.
  </description>
</book>
&..,, so on

2) thr below code

var xmldoc = XmlHttp.responseXML.documentElement;

var text = XmlHttp.responseText;

//Use DOM to get the div and display the XML data in the div

var div1 = document.getElementById("Div1");

div1.innerText = text;

alert(

"Done.");

I want to display catalog.xml data which displays but as i click "done" it refreshes and data disappears from webbrowser

Regards & Thanks in Advance,
Uday Kumar Lazurus.

General Discussions

asked on 17 Jul 2008

2 answers

136 views

[Solved] RadDock Right-Alignment Issue

Dears,

Please note that we are trying to place content or controls with right alignment inside a RadDock control, as shown below, and unfortunately we could not make it happen.

Thus, we would appreciate your assistance in this case.

Thanks in advance and we are keen to hear from you,

// Basheer Al Ghazawi

JValley Software Solutions

The Essence of Quality !!

<

td style="padding-right:5px; border-style: groove; border-width: thin; " colspan="2" valign="top"

dir="rtl">

<telerik:RadDockLayout ID="RadDockLayout1" Runat="server" Skin="Vista">

<telerik:RadDockZone ID="RadDockZone1" Runat="server" dir="rtl">

<telerik:RadDock ID="RadDock1" Runat="server" Skin="Vista"

DefaultCommands="All" dir="rtl">

<p dir="rtl">This paragraph should be right aligned !!</p>

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

</telerik:RadDockLayout>

</td>

Dock

answered on 17 Jul 2008

3 answers

137 views

[Solved] Paging not showing properly

When I enable paging, only some of it seems to show...

Also I notice using the Vista skin, the header graphic is missing.

Both issues are shown in this image:

http://img253.imageshack.us/img253/3473/gridad1.gif

The previous and next < and > images appear for a second when it's running locally but then it just disappears.

I thought it might be because my stored procedure is quite complex, but I tried just using a simple select statement for the example in the image and it doesn't make a difference. Also it definitely does have enough data to span 2 pages.

Do I need to reinstall something to get it to work?

Grid

answered on 17 Jul 2008

36 answers

1.0K+ views

Very disappointed

What a mess this new version is. I'm going to have to spend at least two days "migrating" to this new version, consisting mostly of changing CSS files for no real reason other than you guys arbitrarily deciding to completely revamp how controls are skinned.

And who over there thought that "EnableEmbeddedSkins" was a good idea?!? What a pointless attribute. Why, in previous versions, could we just specify a skin, and now we have to give it a skin name AND set this attribute?

And what's with the documentation? At least bother to keep the "Migrating From XXX for ASP.NET to ASP.NET Ajax at the same location for each control. Right now, they're all over the place. And some "Appearance and Styling" sections don't have a "Migrating" section. Yeesh.

Oh man, I could just go on and on...

General Discussions

answered on 17 Jul 2008

1 answer

74 views

Upgrade RadAjaxNamespace.AsyncRequest for Asp.net Ajax Q1 2008

Here i am using RadControl Asp.net Q3 2007

Code to be repalce.

RadAjaxNamespace.AsyncRequest('<%= rGridAccountAlerts.ClientID %>','Rebind','<%= rGridAccountAlerts.ClientID %>');

I am upgrading my control from Asp.net Q3 2007 to Asp.net Ajax Q1 2008

How can i change the above line of code for Asp.net Ajax Q1 2008

General Discussions

answered on 17 Jul 2008