Questions on UI for ASP.NET AJAX Forum

3 answers

56 views

Can you make the selected item of a TimeView object scrollIntoView

I have a RadTimePicker and I'm trying to get the SelectedDate to ScorllIntoView when the TimeView Popup is displayed.

Is this possible?

Here is a code snippet of what I'm working with:

<style type="text/css">

#<%= StartTime.ClientID %>_timeView_wrapper {

overflow:auto;

width:83px;

height:200px;

}

</style>

<telerik:RadTimePicker runat="server" ID="StartTime" CssClass="rsAdvTimePicker" Width="78px">

<dateinput id="DateInput3" runat="server" emptymessagestyle-cssclass="riError"

emptymessage=" " />

<timepopupbutton visible="false" />

<timeview id="TimeView1" runat="server" columns="1" showheader="false" starttime="00:00"

endtime="23:59" interval="00:30" />

</telerik:RadTimePicker>

Calendar

answered on 11 Jul 2011

13 answers

336 views

Bind controls in EditItemTemplate

I have controls in an HTML Table inside an EditItemTemplate of a RADGRID parent control that I need to bind to. I have attempted to bind to the grid and to individual controls unsuccessfully.

Grid

answered on 11 Jul 2011

2 answers

61 views

How could you replace the Column Headers with a Simple Caption?

I have a RadGrid with 2 columns, ID and Name. My MasterDetailTable shows Countries. and there is a nested table with exactly the same structure (ID and Name) and it shows the Cities.

The current behaviour is that I have all the columns appearing again for the nested table whereas I'd like to replace those columns with just a simple caption e.g. "Cities". The reason is that the ID and Name are already header texts of the MasterDetailTable.

I saw how to hide the header: http://demos.telerik.com/aspnet-ajax/grid/examples/client/scrolling/defaultcs.aspx

but how could I replace it with a simple caption?

TreeList: http://demos.telerik.com/aspnet-ajax/treelist/examples/firstlook/defaultcs.aspx also looks interesting and I may be able to use it but again I'd need a way to add Caption to the detail tables.

any help?

Thanks

Grid

answered on 11 Jul 2011

2 answers

161 views

DataItem in Databound Treeview

Hi,
Is there a way to retrieve the dataitem of the clicked node in a databound treeview? In the NodeClick event the e.Node.DataItem is null. I can only get the text.
Thanks for any ideas!
v

TreeView

answered on 11 Jul 2011

4 answers

126 views

Problem with exporting grid in loop

I have a sql-view which contains some simple data and also an column with an emailadres. When i click a button i want to send a mail to every distinct emailadres with an export of the view containing only the rows with that specific emailadres.

Everthing is going well except that the mails always get the same attachment! I guess it has something to do with the way I subcribe to the grid exporting event?

This is my code:

protected void rbTestMailVersturen_Click(object sender, EventArgs e) {

string query = "";

teller = 0;

SaveMailingForm();

RadGrid emailgrid = new RadGrid();

PlaceHolder1.Controls.Add(emailgrid);

//Fill a list with emailadresses

FillEmailadressen();

for (int i = 0; i < emailadressen.Count; i++) {

{

using (conn = new SqlConnection(ConnectionString)) {

conn.Open();

emailgrid.DataSource = null;

emailgrid.Rebind();

string ID = Request.QueryString["id"].PadLeft(2, '0');

query = "SELECT * FROM A_MAN_" + ID + " WHERE EMAILCOLUMN ='" + emailadressen[i] + "'";

SqlDataAdapter da = new SqlDataAdapter(query, conn);

DataTable dt = new DataTable();

da.Fill(dt);

emailgrid.DataSource = dt;

emailgrid.Rebind();

emailgrid.GridExporting += new OnGridExportingEventHandler(emailgrid_GridExporting);

switch (rcbExportType.SelectedItem.Text) {

case "CSV":

emailgrid.MasterTableView.ExportToCSV();

break;

case "Excel":

emailgrid.MasterTableView.ExportToExcel();

break;

case "PDF":

emailgrid.MasterTableView.ExportToPdf();

break;

case "Word":

emailgrid.MasterTableView.ExportToWord();

break;

}

protected void emailgrid_GridExporting(object source, GridExportingArgs e) {

string filename = DateTime.Now.Year + "-" + DateTime.Now.Month + "-" + DateTime.Now.Day + rtbOnderwerp.Text + teller + ".";

switch (rcbExportType.SelectedItem.Text) {

case "CSV":

filename += "csv";

break;

case "Excel":

filename += "xls";

break;

case "PDF":

filename += "pdf";

break;

case "Word":

filename += "doc";

break;

}

string path = Server.MapPath("~/" + filename);

using (FileStream fs = File.Create(path)) {

Byte[] info = System.Text.Encoding.Default.GetBytes(e.ExportOutput);

fs.Write(info, 0, info.Length);

}

MailMessage msg = new MailMessage();

MailAddress From = new MailAddress("info@xxxxxxxxxxxx.nl", "info@xxxxxxxxxxxx.nl");

msg.From = From;

msg.Subject = rtbOnderwerp.Text;

msg.Body = rtbMailtekst.Text;

msg.To.Add(new MailAddress(emailadressen[teller]));

teller++;

Attachment at = new Attachment(Server.MapPath("~/" + filename));

msg.Attachments.Add(at);

SmtpClient client = new SmtpClient("localhost");

client.Send(msg);

msg.Dispose();

FileInfo fi = new FileInfo(Server.MapPath("~/" + filename));

fi.Delete();

if (teller == emailadressen.Count)

Response.Redirect(Request.Url.ToString());

}

Hopefully anyone can help, that would be a lifesaver!

Thanks

Grid

answered on 11 Jul 2011

3 answers

473 views

Change width of Select button

Hi,

I am trying to change width of AsyncUpload select button but no solution works for me :-/

I have this code in my view Default.aspx

<telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" Skin="Black"

CssClass="button">

<Localization Select="Almost 50 chars long text" />

</telerik:RadAsyncUpload>

On attached image, you can see my bad solution. If I disable .RadUpload .ruBrowse (red box) automaticly will be used .RadUpload .ruButton (green box) and this style resize button area but not the whole button (blue box) :-/

Please can you help me to solve this?

AsyncUpload

answered on 11 Jul 2011

1 answer

100 views

Calculating pane dimensions properly

Hi all,

I am currently attempting to solve a small bug in my web project. The bug is that, in certain scenarios, the width is too large of a RadPane I have created programatically.

So, first off, the code that is causing the issue:

/// <summary>

/// Creates a RadSplitter and places the two panes it will hold onto it.

/// In addition, sets those panes dimensions such that they are appropriate for

/// the orientation of the RadSplitter.

///

/// I divide height and width in half because there are two panes.

/// </summary>

/// <returns> The rad splitter. </returns>

public static CormantRadSplitter CreateNewContent(Orientation orientation, RadPane parent)

{

Logger.InfoFormat("Creating new content to be placed upon: {0}", parent.ID);

CormantRadSplitter splitter = new CormantRadSplitter(orientation);

CormantRadPane firstPane = new CormantRadPane();

CormantRadDockZone firstDockZone = new CormantRadDockZone();

firstPane.Controls.Add(firstDockZone);

splitter.Controls.Add(firstPane);

CormantRadPane secondPane = new CormantRadPane();

splitter.Controls.Add(new CormantRadSplitBar(orientation, firstPane.ID, secondPane.ID));

CormantRadDockZone secondDockZone = new CormantRadDockZone();

secondPane.Controls.Add(secondDockZone);

splitter.Controls.Add(secondPane);

switch (orientation)

{

case Orientation.Horizontal:

firstPane.PanePosition = PanePositions.Top;

secondPane.PanePosition = PanePositions.Bottom;

//firstPane.Height = secondPane.Height = new Unit(parent.Height.Value / 2, UnitType.Pixel);

//firstPane.Width = secondPane.Width = parent.Width;

break;

case Orientation.Vertical:

firstPane.PanePosition = PanePositions.Left;

secondPane.PanePosition = PanePositions.Right;

//firstPane.Height = secondPane.Height = parent.Height;

//firstPane.Width = secondPane.Width = new Unit(parent.Width.Value / 2, UnitType.Pixel);

break;

}

return splitter;

}

The lines which are commented out are the culprits.

I believe the issue arises from 'fighting' with what Telerik/WebControls is trying to do. These panes are created with the intent of filling all the space they are given, but no more. The panes will do that by default -- their height and width properties are unset -- which causes them to use height/width: auto.

So, why do I have code which sets their height and width, then? My reasoning is that it is impossible to properly save the state of my page without explicitly defining the dimensions. If I execute the above code, with lines commented out, and then perform a hard refresh on the page -- the controls expect dimensions to regenerate with. If I leave them unset here, they will indeed figure out how to adjust themselves (they figure it out even if I DO tell them dimensions!) Unfortunately, the panes are resizable by the end user. If I do not save/load the dimensions of each pane then it is impossible to support persisting resized panes. (Not saving dimensions will cause each pane to take up half of its parents space assuming 2 panes regardless of how they were sized before refresh).

So, I am trying to setup each panes dimensions properly. I thought the above code did just that, but I am experiencing a little quirk! If I place a RadSplitter with vertical orientation on the page, then place a RadDock in the RHS pane, the RadDock spills out of the RadPane.

Here's an example image: http://i.imgur.com/4T8tu.png

In this image you will see a few things: An example where the RadDock is spilling out of the pane on the RHS, as well as an example where the RadDock stays contained inside of a horizontal-oriented splitter's pane. I am not sure why the horizontal one always seems to be fine.

Nevertheless, the issue seems to be pretty easy to see -- I just want to make the right decision. When I create that vertical splitter seen in the image -- the width of each pane (for example) is 502px. After a hard refresh and inspecting the pane elements on the page, I see that their widths have been changed to 499 and 500. These post-hardrefresh widths are appropriate, my calculated widths are not.

Is this just as simple as taking into account the width of the RadSplitBar being put onto the RadSplitter -- and subtracting that from the widths of each of the panes? If so, I wonder why the same issue does not occur with horizontal-oriented splitters? Also, the width of a splitBar isn't known at creation -- so I'd just be using a hardcoded width here.. a little scary.

Anyway, like I said.. I could probably force this solution pretty easily. I am just trying to understand -why- this is happening and what I can do to fix it properly in a way that's understandable to future developers -- not just a hardcoded number.

Thanks for your time

Sean

Splitter

answered on 11 Jul 2011

1 answer

76 views

NedtedViewTemplate collapse

Hello, i have a problem with collapsing NestedViewTemplate.
I have Grid with NedtedViewTemplate, when i expand an row everythink works fine, but collapsing not working.
If i click another row, the first is collapsing automaticaly, it`s imposible to expand two rows in one time, and also can`t collaps any row. Please help me with it.
Code below-

<telerik:RadGrid runat="server" ID="rgBase" OnNeedDataSource="rgBase_OnNeedDataSource" AutoGenerateColumns="false">

<asp:Label ID="lName" Text='<%# Eval("new_materialid") %>' runat="server" Visible="true"></asp:Label>

</NestedViewTemplate>

<telerik:GridTemplateColumn HeaderText="Column1" AllowFiltering="false" SortExpression="qty" UniqueName="qty" >

<asp:Label ID="lQTY" Text='<%# Eval("qty") %>' runat="server"></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Column2" AllowFiltering="false" UniqueName="remain" SortExpression="remain">

<asp:Label ID="lRemain" Text='<%# Eval("remain") %>' runat="server"></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</ClientSettings>

<SelectedItemStyle

CssClass="gridSelectedItemStyle"/>

</telerik:RadGrid>

protected void rgBase_OnNeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

string _id = Request["id"].ToString();

Guid entityID = new Guid(_id);

ReloadData(3, entityID);

}

Grid

answered on 11 Jul 2011

2 answers

88 views

Overlapping tabs problem

dear all,

I am trying to add in pictures for the tabs, and want them to overlap (like the attached picture).

I use margin on all of them, so that they will squeeze together, and then use z-index to arrange them.

but the problem is the z-index only affects the first tab, the other 3 tabs does not arrange according to the z-index

I use C# (Telerik Version=2010.3.1317.35) and my code looks like :

AddTab("Account Info", true, "10");
AddTab("Enter Info", true, "8");
AddTab("Confirm Info", true, "2");
AddTab("Submit", true, "1");

private void AddTab(string tabName, bool enabled, string zIndex)
{
RadTab tab = new RadTab(tabName);

tab.Style.Add("margin-right", "-28px");
tab.Style.Add("position", "relative");
tab.Style.Add("z-index", zIndex);
tab.Enabled = enabled;
RadTabStrip1.Tabs.Add(tab);

TabStrip

answered on 11 Jul 2011

2 answers

75 views

difficult to override RenderControl() methord with Telerik

I need to dynamically add some controlls to a web user control.

I'm putting all the controlls to a Table control and adding to the page as follows at the RenderControl event.

Public Overrides Sub RenderControl(ByVal writer As System.Web.UI.HtmlTextWriter)

Dim panel As New Panel

Dim outerTable As New Table

outerTable = generateDynamicControls()

panel.Controls.Add(outerTable)

panel.RenderControl(writer)

MyBase.RenderControl(writer)

End Sub

When I adding simple ASP controls to this outer table, it is working fine.
But when I add Telerik Controls gives following error when it execute "panel.RenderControl(writer)" code.
Error:
Page cannot be null. Please ensure that this operation is being performed in the context of an ASP.NET request.

I'm using a Master page also.

Can u help me?

General Discussions

answered on 11 Jul 2011