Questions on UI for ASP.NET AJAX Forum

9 answers

645 views

I am new to RadTabStrip, ann came across something that need your help.

I am using RadTabStrip with RadMultiPage. I open new aspx files for each of the Tabs.
Now I need to add a button to the first Tab, which will load the second tab and display it's content. (Just like, any other link which will open the requested link).

But when I give the implement the onclick event of the button to navigate to the second aspx file (Booking.aspx), it will simply load another Tabstrip inside the first Tab. It results in showing the radtadsrip again inside the first tab.

Please help me to open the second tab using the button, in the same way as if it is navigated by clicking on the second tab.

Below is my aspx file:
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Web20" MultiPageID="RadMultiPage1"
SelectedIndex="0" Align="Justify" ReorderTabsOnSelect="true" Width="800px">
<Tabs>
<telerik:RadTab Text="DashBoard">
</telerik:RadTab>
<telerik:RadTab Text="Booking">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" CssClass="pageView"
Width="800px" Height="520px">
<telerik:RadPageView ID="RadPageView1" runat="server" Width="100%" Height="100%">
<iframe frameborder="0" width='800' height='520' scrolling="yes" src="Dashboard.aspx">
</iframe>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView5" runat="server" Width="100%" Height="100%">
<iframe frameborder="0" width='800' height="100%" scrolling="yes" src="Booking.aspx">
</iframe>
</telerik:RadPageView>
</telerik:RadMultiPage>

Thanks,
Nimesha

TabStrip

answered on 23 May 2011

2 answers

61 views

Dropdown position to top of screen

Does anyone know how I can set the position of the dropdown of a combobox to the top left of the screen?

ComboBox

answered on 23 May 2011

2 answers

130 views

Help:Radscheduler occurence

Hi,

I would to display timetable for 10 working days.
Week 1, the data will be differentiate with for example: Wed 1
Week 2, the data will be differentiate with for example: Wed 2

Then once the week 2 done, the occurrence will start all over again from week 1

Currently, all week 1 and week 2 is displaying in same week (week 1)

Scheduler

answered on 23 May 2011

1 answer

89 views

delete command dosn't work!

hi

I can not delete rows in RadGrid

any body can help me?

my database code is:

CREATE TABLE [test](

[c1] [int] IDENTITY(1,1) NOT NULL CONSTRAINT [PK_test] PRIMARY KEY,

[c2] [nvarchar](50) NULL,

)

insert [test]

([c2])

values

('aaa'), ('bbb'), ('ccc'), ('ddd'), ('eee')

my aspx code is:

<%@ Page Language="C#" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>test</title>

</head>

<body>

<form id="form1" runat="server">

<div>

<tlk:RadScriptManager ID="RadScriptManager1" runat="server" />

<tlk:RadGrid ID="RadGrid1" runat="server" AutoGenerateDeleteColumn="True" DataSourceID="data">

<MasterTableView DataSourceID="data" DataKeyNames="c1">

</MasterTableView>

</tlk:RadGrid>

<asp:SqlDataSource ID="data" runat="server"

ConnectionString="<%$ ConnectionStrings:database %>"

ProviderName="System.Data.SqlClient" SelectCommand="SELECT * FROM [test]"

DeleteCommand="DELETE FROM [test] WHERE [c1] = @c1">

<DeleteParameters>

<asp:Parameter Name="c1" Type="Int32" />

</DeleteParameters>

</asp:SqlDataSource>

</div>

</form>

</body>

</html>

Grid

answered on 23 May 2011

1 answer

1.5K+ views

How to get radgrid row index

Hi,

I'm using a rad combo box control in rad grid with an itemtemplate. Can you tell me how to get the row index on selected index change?

Thanks,

Grid

answered on 23 May 2011

2 answers

289 views

how to set legend width

Hi

I have long series names in a legend so I have set AutoTextWrap = true, but they wrap too much!
1 of the series names is wrapping over 3 lines instead of 2 lines, so I thought I'd make the legend box wider to accomodate it, but it ignores everything I've tried. I've attached a pic.
These lines do nothing:

RadChart1.Legend.Appearance.Dimensions.Width = new Telerik.Charting.Styles.Unit(50);
RadChart1.Legend.Appearance.ItemTextAppearance.Dimensions.Width = new Telerik.Charting.Styles.Unit(150);

while this line makes the legend disappear:

RadChart1.Legend.Appearance.Dimensions.AutoSize = false;

Here is the markup:

<telerik:RadChart ID="RadChart1" runat="server"

Height="500px"

Width="1200px"

SkinsOverrideStyles="false"

ChartTitle-Visible="false">

</telerik:RadChart>

and here is the relevant code behind:

RadChart1.Chart.Appearance.Border.Visible = false;

RadChart1.Appearance.TextQuality = Telerik.Charting.Styles.TextQuality.ClearTypeGridFit;

RadChart1.PlotArea.Appearance.FillStyle.FillType = Telerik.Charting.Styles.FillType.Solid;

RadChart1.PlotArea.Appearance.FillStyle.MainColor = Color.White;

RadChart1.PlotArea.Appearance.Border.Color = Color.LightGray;

RadChart1.PlotArea.Appearance.Dimensions.Margins.Top = new Telerik.Charting.Styles.Unit(5);

RadChart1.PlotArea.Appearance.Dimensions.Margins.Right = new Telerik.Charting.Styles.Unit(200);

RadChart1.PlotArea.Appearance.Dimensions.Margins.Left = new Telerik.Charting.Styles.Unit(90);

RadChart1.PlotArea.Appearance.Dimensions.Margins.Bottom = new Telerik.Charting.Styles.Unit(60);

RadChart1.Legend.Appearance.Position.AlignedPosition = Telerik.Charting.Styles.AlignedPositions.TopRight;

RadChart1.Legend.Appearance.ItemTextAppearance.AutoTextWrap = Telerik.Charting.Styles.AutoTextWrap.True;

RadChart1.PlotArea.XAxis.Appearance.ValueFormat = Telerik.Charting.Styles.ChartValueFormat.ShortDate;

RadChart1.PlotArea.XAxis.Appearance.CustomFormat = "d MMM";

RadChart1.PlotArea.XAxis.DataLabelsColumn = "SHIFT_DATE";

RadChart1.PlotArea.XAxis.Appearance.TextAppearance.TextProperties.Color = Color.Black;

RadChart1.PlotArea.XAxis.LayoutMode = Telerik.Charting.Styles.ChartAxisLayoutMode.Normal;

RadChart1.PlotArea.XAxis.Appearance.LabelAppearance.Dimensions.Margins.Top = new Telerik.Charting.Styles.Unit(5);

RadChart1.PlotArea.XAxis.IsZeroBased = false;

RadChart1.PlotArea.XAxis.AddRange(startdate.ToOADate(), enddate.ToOADate(), 1);

RadChart1.PlotArea.XAxis.LabelStep = Convert.ToInt32(Math.Floor(Convert.ToDecimal((enddate - startdate).Days / 8)));

RadChart1.PlotArea.YAxis.Appearance.MajorGridLines.Visible = true;

RadChart1.PlotArea.YAxis.Appearance.MajorGridLines.Color = Color.Gray;

RadChart1.PlotArea.YAxis.IsZeroBased = true;

RadChart1.PlotArea.YAxis.AxisLabel.TextBlock.Text = "Metres (RC)";

RadChart1.PlotArea.YAxis.AxisLabel.TextBlock.Appearance.TextProperties.Color = Color.Black;

RadChart1.PlotArea.YAxis.AxisLabel.Visible = true;

RadChart1.PlotArea.YAxis.Appearance.CustomFormat = "N0";

RadChart1.PlotArea.YAxis.Appearance.TextAppearance.TextProperties.Color = Color.Black;

RadChart1.PlotArea.YAxis2.IsZeroBased = true;

RadChart1.PlotArea.YAxis2.AxisLabel.TextBlock.Text = "m / day";

RadChart1.PlotArea.YAxis2.AxisLabel.TextBlock.Appearance.TextProperties.Color = Color.Black;

RadChart1.PlotArea.YAxis2.AxisLabel.Visible = true;

RadChart1.PlotArea.YAxis2.Appearance.CustomFormat = "N0";

RadChart1.PlotArea.YAxis2.Appearance.TextAppearance.TextProperties.Color = Color.Black;

RadChart1.PlotArea.YAxis2.AxisLabel.Appearance.Position.AlignedPosition = Telerik.Charting.Styles.AlignedPositions.Left;

What am I doing wrong?

Chart (Obsolete)

answered on 23 May 2011

1 answer

65 views

Save and Load Filter

Is there any in-built support to save filters and load them back instead of specifying filters everytime?

Filter

answered on 22 May 2011

13 answers

422 views

Radgrid alt row

Hi,

I'm inserting row's on the client side using a web service to insert a new row into the database and javascript to rebind the grid.
But when row is inserted, it only show's a plan grey row instead of a row with 5 columns and each column should have a textbox
control. When I check the HTML source I notice the row I inserted has a class="rgAltRow" i think this is my problem because the
other rows has class="rgEditRow". I will attach 2 screen shots one with the grid and the other the browser source code. I await
your assistance.

function updateChanges() {

ItemsService.AddNewItem(updateGrid);

}

function updateGrid(result) {

var tableView = $find("<%= grdInvoiceItems.ClientID %>").get_masterTableView();

tableView.set_dataSource(result);

tableView.rebind();

}

Web service

[WebMethod(EnableSession = true)]

public List<InvoiceItemsDetails> AddNewItem()

{

Invoice.InsertInvoiceItems(string.Empty, string.Empty, 0, 0,

0, 0, 0, 0, 1001);

return Invoice.GetInvoiceItems(1001);

}

Thanks,
Ron.

Grid

answered on 22 May 2011

3 answers

195 views

NodeClick event not firing

I have a radTreeView control in a ContentPage. I am loading the nodes dynamically at runtime. My MasterPage contains a radAjaxPanel and the ContentPane is contained within the panel, so all of my Content Pages are ajaxified. This has been working great up until now.

When I click on a node in my radTreeView, the NodeClick event is fired THE FIRST TIME. If I subsequently click on another node, the event is not fired and I'm getting the following error:

Sys.WebForms.PageRequestManagerServerErrorException: An unknown error occurred while processing the request to the server. The status code returned from the server was: 500

I've seen other posts that say to load my nodes using ExpandedMode = TreeNodeExpandedMode.ServerSide, but that didn't seem to do anything. I saw some other posts that said to add EnablePartialRendering="false" to my radScriptManager. That fixed the problem, but of course now nothing is ajaxified anymore.

Then I remembered that on another page in my in my application I have a radUploadFile control. This doesn't work properly when ajaxified, so I had to disable Ajax for this control. I decided to do the same thing for my radTreeView and it worked just fine (if you need to see how I did this please let me know).

So, that's where I stand right now. My radTreeView is not utilizing Ajax, but I'd like it to if I can. Any idea how to fix this issue? Again, I have no problems with expanding nodes. My problem is that the NodeClick event is not firing EXCEPT FOR THE FIRST TIME when ajaxified.

Thanks.

Steve

TreeView

answered on 22 May 2011

2 answers

110 views

Incorrectly rendered Telerik controls inside a UserControl

Hi,
I've encountered a ridiculous problem - occuring when using IE only (IE 8; I've not tested other IE versions); NOT occuring when using FireFox, Opera, Chrome or Safari.
My page consists of two UserControls:

<asp:Panel ID="pnlMain" runat="server">

<uc1:ProcessGridViewEmb ID="embGrid" runat="server" />

<uc1t:ProcessTreeViewEmb ID="embTree" runat="server" />

</asp:Panel>

There are some scripts loaded above this markup (RadScriptManager; Core.js and jQuery.js of yours plus some my scripts).
embGrid consists of two tabs (RadMultiPage + RadTabStrip); the first of them contains a RadToolBar + RadGrid, the second - a RadToollBar + some minor controls.
embTree consists of a RadToolBar and a RadTreeview.

Let's have a look at embTree (precisely: the RadTreeview inside it). It should look like on tree_ok.jpg (see attached print-screens). But when placed as above it is displayed completely incorrectly: tree_bad.jpg. But - attention - when I change the order of the controls (embTree first, then embGrid), embTree starts to be displayed correctly. Is looks (in the first case) like not all CSS needed for the control has been loaded. I've attached print-screens with the actual markup (I've used the tools from IE 8).

As I've mentioned above all other browser render these control correctly in all the cases.
I'm using Q1 2010 version of Telerik controls.
Is it possible to explain this mystery?

Regards
Tomasz

General Discussions

answered on 22 May 2011