Questions on UI for ASP.NET AJAX Forum

7 answers

170 views

Colleagues,

Who knows if there is a lower limit for RowHeight parameter in the RadScheduler?

I noticed that if I set RowHeight to a value smaller the 16px, the appointment rectangles start arbitrary change their sizes after I resize them with a mouse.

For example, I can choose an appointment for 1:00PM-2:00PM and enlarge it to 1:00PM-3:00PM dragging its bottom side with a mouse. After I release the mouse its bottom side jumps back to approximately 2:45PM, while the END TIME of the appointment still stands 3:00PM.

As I said, this behaviour is noticed only when RowHeight is set relatively small...

- Stepan.

Scheduler

answered on 18 Feb 2013

2 answers

80 views

[Solved] Inconsistent (?) behavior when calling a RadWindow with different client methods.

I've got a web page in my system that pops up when I double-click on a RadGrid row. This has been working fine.

This is based mainly on these examples:
http://www.telerik.com/community/forums/aspnet-ajax/window/customization-of-radwindow-through-clientside-javascript.aspx
and here:
http://demos.telerik.com/aspnet-ajax/window/examples/radopen/defaultvb.aspx

The JavaScript is called by the RadGrid in the client events, OnRowDblClick.

Now, what I'd like is to have a similar screen called by a button in the grid row. (For test purposes I am calling the same screen and JavaScript function.) To this end I have added a GridButtonColumn, ImageButton type, to the grid. In the C# code, in the ItemDataBound event, I have added the following code.
if (e.Item is GridDataItem)
{
GridDataItem item = (GridDataItem)e.Item;
((ImageButton)item["PrintDoc"].Controls[0]).Attributes.Add("onclick", "printDoc(this," + item["Id"].Text + ");");
}

The JavaScript code is as follows:

function printDoc(sender, Id) {
var oWnd = window.radopen("PrintDoc.aspx?Id=" + Id, "Print Doc");
oWnd.SetWidth(600);
oWnd.SetHeight(400);
oWnd.set_behaviors(Telerik.Web.UI.WindowBehaviors.Move +
Telerik.Web.UI.WindowBehaviors.Close +
Telerik.Web.UI.WindowBehaviors.Resize);
oWnd.show();
}

The Javascript code is getting called and receiving the correct data. The problem is that when called from the button, the window is just flickering on the screen for an instant before vanishing.

Suggestions?

Window

answered on 18 Feb 2013

2 answers

118 views

[Solved] Is there any way to implement a ToolTipManager popup on a single RadGrid column?

I've already successfully implemented a ToolTipManager popup on a RadGrid, based on your examples using the RadToolTipManager and a custom control. (And the OnAjaxUpdate and OnClientHide events.)

The problem is that my current version pops up on the entire row.

I need to limit the popup to a single column.

Is this possible? Any way to detect which cell the mouse is over?

Grid

answered on 18 Feb 2013

2 answers

349 views

radgrid edit function hiding grid

I know what the problem is but do not know how to fix it as I have never run into doin git this way. i have a global boolean variable Fillgrid that is set to true when they click on a view button that allows the grid to be show and rebind. But when i click on the edit link to show the inline edit form, the grid disappears but if I click on the view button agian it appears with the inline editing open. It has to do with the edit button but dont know where to put the show fillgrid boolean statement.

<telerik:GridEditCommandColumn UniqueName="UpdateCommandName" ButtonType="ImageButton" EditImageUrl="../Images/edit_icon.png"></telerik:GridEditCommandColumn>

<EditFormSettings EditFormType="Template" FormMainTableStyle-HorizontalAlign="Center" FormCaptionStyle-BorderColor="Black" FormMainTableStyle-BackColor="#B0C4DE">

<FormTemplate>

<table class="GridEdittemplate">

Protected Sub myRadGrid_NeedDataSource(sender As Object, e As GridNeedDataSourceEventArgs) Handles myRadGrid.NeedDataSource

Dim UserLogon As String = Split(Current.User.Identity.Name, "\")(1)

Dim sqlWhere As String = ""

Dim name As String = HFID.Value.ToString

Dim Counter As Integer = 0

If FillGrid = True Then

FILL radgrid with sql statement

myRadGrid.DataSource = getdata(sql)

end if

So my problem is when I click on teh edit button it blanks out the grid and it becomes invisible and it has to do with posting back and showing the edit form but how can i pass in teh fillgrid boolean statement.

Grid

answered on 18 Feb 2013

2 answers

292 views

Header template arrow icon not showing

Hi,

I am using RadPanelBar, My requirement is to have some label in header and it can fill text by codebehind and the header should be collapsible that other content can show after expanded.

There is an issue with arrow icon is not displaying if I take HeaderTemplate otherwise displaying fine.

I have done with collapsible/Expanded that is working fine to me.

Please help me how can I show arrow icon on header if i have some server controls like labels on header.

Please see the attached screen. I want arrow icon in second panel bar.

Please have a look on my attached code that I have create for sample.

Thanks.

---------------------

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="104.1%" ExpandAnimation-Type="InCubic">
       <Items>
           <telerik:RadPanelItem Text="Search" Enabled="true" runat="server" Expanded="false" Font-Bold="true" Width="100%">
               <Items>
                   <telerik:RadPanelItem Value="AdvanceSearch">
                       <ItemTemplate>
                           <table width="100%" border="0" cellspacing="1" cellpadding="1">
                               <tr>
                                   <td style="width: 11.1%" >
                                       Test
                                   </td>
                               </tr>
                           </table>
                       </ItemTemplate>
                   </telerik:RadPanelItem>
               </Items>
           </telerik:RadPanelItem>
       </Items>
   </telerik:RadPanelBar>
   <br />
   <telerik:RadPanelBar ID="RadPanelBar2" runat="server" Width="100%" ExpandAnimation-Type="InCubic">
       <Items>
           <telerik:RadPanelItem Enabled="true" runat="server" Expanded="false" Font-Bold="true" Width="100%">
               <HeaderTemplate>
                   <table width="100%" border="0">
                       <tr>
                           <td style="width: 10%">
                               <asp:Label ID="Lb1" Text="T2456" runat="server"></asp:Label>
                           </td>
                           <td style="width: 10%">
                               <asp:Label ID="Lb2" Text="Jack" runat="server"></asp:Label>
                           </td>
                           <td align="right" style="width: 10%">
                               <asp:Label ID="LbAge" Text="Age:" runat="server"></asp:Label>
                           </td>
                           <td align="left">
                               <asp:Label ID="Lb3" Text="46" runat="server"></asp:Label>
                           </td>
                       </tr>
                   </table>
               </HeaderTemplate>
               <Items>
                   <telerik:RadPanelItem Value="Preview">
                       <ItemTemplate>
                           <table>
                               <tr>
                                   <td style="width: 10%">
                                       <asp:Label ID="Lb3" Text="User name" runat="server"></asp:Label>
                                   </td>
                                   <td align="left">
                                       <asp:TextBox runat="server" ID="Txt1">
                                       </asp:TextBox>
                                   </td>
                               </tr>
                           </table>
                       </ItemTemplate>
                   </telerik:RadPanelItem>
               </Items>
           </telerik:RadPanelItem>
       </Items>
   </telerik:RadPanelBar>

PanelBar

answered on 18 Feb 2013

2 answers

145 views

[Solved] Drop Down with Detailed Table

Hi,
Is it possible to create an AutoCompleteBox with a detailed drop-down? I have attached a sample one I found where all the details associated with a person's name is listed within the drop-down.

Thank you,
Henry.

AutoCompleteBox

answered on 18 Feb 2013

2 answers

119 views

Insert, Update, and Delete firing but code not executing

I have a RadGrid and when I try to insert, update, or delete, the event fires and it moves into the code behind, but it stops executing the code before actually performing the action and reloads the page. My code behind is below. _config.Values is a DataTable. Filtering and sorting work fine.

using System;

using System.Collections;

using System.Configuration;

using System.Data;

using System.Linq;

using System.Linq.Dynamic;

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;

namespace WeightWatchers.EnvironmentConfig

{

public partial class _Default : System.Web.UI.Page

{

private WeightWatchers.EnvironmentConfig.EnvironmentConfig _config;

protected void Page_Load(object sender, EventArgs e)

{

}

protected override void OnInit(EventArgs e)

{

base.OnInit(e);

RadGrid1.NeedDataSource += (s, a) =>

{

_config = new EnvironmentConfig.EnvironmentConfig(MapPath(@".\App_Data\environment.config.csv"));

if (RadGrid1.MasterTableView.SortExpressions.Count > 0)

RadGrid1.DataSource = GetEntities(RadGrid1.MasterTableView.FilterExpression,

RadGrid1.MasterTableView.SortExpressions[0].FieldName + " " + RadGrid1.MasterTableView.SortExpressions[0].SortOrderAsString());

else

RadGrid1.DataSource = GetEntities(RadGrid1.MasterTableView.FilterExpression, "");

};

RadGrid1.UpdateCommand += (s, a) =>

{

//Get the GridEditableItem of the RadGrid

GridEditableItem editedItem = a.Item as GridEditableItem;

string Name = editedItem.OwnerTableView.DataKeyValues[editedItem.ItemIndex]["Name"].ToString();

try

{

if (this.Validate(Name, true, editedItem))

{

this.UpdateAddRow(editedItem, true);

RadGrid1.DataSource = null;

}

catch (Exception ex)

{

RadGrid1.Controls.Add(new LiteralControl("Unable to update Shippers. Reason: " + ex.Message));

a.Canceled = true;

}

};

RadGrid1.InsertCommand += (s, a) =>

{

//Get the GridEditableItem of the RadGrid

GridEditableItem newItem = a.Item as GridEditableItem;

string Name = (newItem["Name"].Controls[0] as TextBox).Text;

try

{

if (this.Validate(Name, false, newItem))

{

if (this.Validate(Name, true, newItem))

{

this.UpdateAddRow(newItem, false);

RadGrid1.DataSource = null;

}

catch (Exception ex)

{

RadGrid1.Controls.Add(new LiteralControl("Unable to insert Shipper. Reason: " + ex.Message));

a.Canceled = true;

}

};

RadGrid1.DeleteCommand += (s, a) =>

{

//Get the GridDataItem of the RadGrid

GridDataItem item = (GridDataItem)a.Item;

//Get the primary key value using the DataKeyValue.

string name = item.OwnerTableView.DataKeyValues[item.ItemIndex]["Name"].ToString();

try

{

_config.Values.Rows.Remove(_config.Values.AsEnumerable()

.AsQueryable()

.Where(String.Format("(it[\"Name\"].ToString().ToUpper().Contains(\"{0}\".ToUpper()))", name))

.CopyToDataTable().Rows[0]);

RadGrid1.DataSource = null;

}

catch (Exception ex)

{

RadGrid1.Controls.Add(new LiteralControl("Unable to delete Entry. Reason: " + ex.Message));

a.Canceled = true;

}

};

}

protected void RadGrid1_ItemCommand(object sender, GridCommandEventArgs e)

{

if (e.CommandName == "Filter" || e.CommandName == "Sort")

{

RadGrid1.DataSource = null;

}

private DataTable GetEntities(string filterExpression, string sortExpression)

{

foreach (GridColumn col in RadGrid1.Columns)

{

col.AutoPostBackOnFilter = true;

}

var dt = _config.Values;

if (!String.IsNullOrEmpty(filterExpression))

{

IQueryable<DataRow> rows = dt.AsEnumerable()

.AsQueryable()

.Where(filterExpression);

if (rows.Count<DataRow>() > 0)

{

dt = rows.CopyToDataTable();

}

else

{

dt.Clear();

}

if (!String.IsNullOrEmpty(sortExpression))

{

IQueryable<DataRow> rows = dt.AsEnumerable()

.AsQueryable()

.Where(sortExpression);

if (rows.Count<DataRow>() > 0)

{

dt = rows.CopyToDataTable();

}

else

{

dt.Clear();

}

return dt;

}

public void UpdateAddRow(GridEditableItem editedItem, bool update)

{

String[] cells = new String[_config.Values.Columns.Count];

for (int i = 1; i < _config.Values.Columns.Count; i++)

{

cells[i]= (editedItem[_config.Values.Columns[i].ColumnName].Controls[0] as TextBox).Text;

}

if (update)

{

string Name = editedItem.OwnerTableView.DataKeyValues[editedItem.ItemIndex]["Name"].ToString();

DataRow[] rows = _config.Values.Select(String.Format("Name = '{0}'", Name));

var row = rows[0];

for (int i = 1; i < _config.Values.Columns.Count; i++)

{

row[_config.Values.Columns[i].ColumnName] = cells[i];

}

else

{

cells[0] = (editedItem["Name"].Controls[0] as TextBox).Text;

var row = _config.Values.NewRow();

for (int i = 1; i < _config.Values.Columns.Count; i++)

{

row[_config.Values.Columns[i].ColumnName] = cells[i];

}

_config.Values.Rows.Add(row);

}

RadGrid1.DataSource = null;

}

public bool Validate(string name, bool placeholder, GridEditableItem editedItem)

{

bool valid = true;

//if (placeholder)

//{

// string pattern = "";

// foreach (TableCell item in editedItem.Cells)

// {

//        if (System.Text.RegularExpressions.Regex.IsMatch(item.Text, pattern, System.Text.RegularExpressions.RegexOptions.IgnoreCase))

// {

// if (!item.ID.Equals("Name"))

// {

// valid = _config.Validate(item.Text, placeholder);

// }

//}

//else

//{

// valid = _config.Validate(name, placeholder);

//}

return valid;

}

Grid

answered on 18 Feb 2013

1 answer

60 views

Not Sorting Properly on mobile browser

Hi ,
I am facing problem while click on header of Radgrid.
I am having a page which includes two drop down box and Radgrid control which is filled from code behind by using

DataBind() and rebind() methods which works properly fine. While filling with data i refine the no. of rows based on filter condtion , provide RadGrid1.MasterTableView.FilterExpression and rebind the grid.

It works properly in web browser when i click on any column for sort but when i check this scenario in mobile browser it completely by pass the complete filter contion and reload the grid with all data and make drop down empty .

can anybody help to get rid from this error on mobile browser.

Grid

answered on 18 Feb 2013

1 answer

224 views

[Solved] Setting skin for a control type in code behind

In the web.config we can set a global skin:

<add key="Telerik.Skin" value="Office2007"/>

And in the code behind we can do the equivalent:

RadSkinManagerMain.Skin = "Office2007";

But in the web.config we can also set a global skin for a particular control type:

<add key="Telerik.ComboBox.Skin" value="Metro" />

Is there an equivalent to this that can be used in the code behind through RadSkinManager?

SkinManager

answered on 18 Feb 2013

5 answers

1.0K+ views

[Solved] Using the RadComboBox with checkboxes

Hi, could you provide me with an example for the next scenario:

I want to have a combobox populated with items from a Db. The items should all have a checkbox which initially is checked. The user can check or uncheck the boxes if necessary. On postbacks I want to check which items are checked. I have an example which is static, but I can easily replace it with dynamic items. The main "problem" I have, when checking items, the RadComboxBox shows the items in the "TextBox" which is displayed at the top of the RadComboBox (next to the arrow). How can I initially set the value for this "TextBox" and also how can I disable this "TextBox" so users cannot type anything (I tries Allowcustomtext=disabled), because the users are only to allowed to select items which are in the list.

I.e. the list is populated which names of persons, initially I want to have all the names checked and the "TextBox" should say: "Selected all". As described before, the user can select or deselect persons. If not all items are selected, the "TextBox" should show the list of persons who are checked, separated by a comma.

I hope I made myself clear. How will I accomplice this, and is the state maintained in postbacks. I'm using a AJAX-fied webapplication

ComboBox

answered on 18 Feb 2013