Questions on UI for ASP.NET AJAX Forum

1 answer

489 views

[Solved] Buttons overlapping in table cells

Hi, I've got 5 linkbuttons that I'm using as a visual replacement for radio buttons. I want them to expand to the width of their container, but when I lay them out in a table, they overlap due to some issue with the CSS, I assume. Could someone help me fix the CSS so they do not overlap? Here is my code:

<div class="box" id="ReductionsBox" runat="Server">

<div class="boxheader">Reductions</div>

<table width="100%" cellpadding="0" cellspacing="0" border="0">

<tr>

<td><telerik:RadButton ID="NoReductionButton" Text="No Reduction" Checked="True" AutoPostBack="false" Skin="Windows7" ButtonType="LinkButton" GroupName="ReductionType" ToggleType="Radio" Width="100%" runat="server" /></td>

<td><telerik:RadButton ID="PartialWriteOffButton" Text="Reduce Payoff (Write-Off)" AutoPostBack="false" Skin="Windows7" ButtonType="LinkButton" GroupName="ReductionType" ToggleType="Radio" Width="100%" runat="server" /></td>

<td><telerik:RadButton ID="PartialWaiveButton" Text="Reduce Payoff (Waive)" AutoPostBack="false" Skin="Windows7" ButtonType="LinkButton" GroupName="ReductionType" ToggleType="Radio" Width="100%" runat="server" /></td>

<td><telerik:RadButton ID="FullWriteOffButton" Text="Close Case (Write-Off)" AutoPostBack="false" Skin="Windows7" ButtonType="LinkButton" GroupName="ReductionType" ToggleType="Radio" Width="100%" runat="server" /></td>

<td><telerik:RadButton ID="FullWaiveButton" Text="Close Case (Waive)" AutoPostBack="false" Skin="Windows7" ButtonType="LinkButton" GroupName="ReductionType" ToggleType="Radio" Width="100%" runat="server" /></td>

</tr>

</table>

</div>

Attached is a screenshot.

Button

answered on 25 Feb 2011

1 answer

228 views

Dynamic Dropdown in Rad Grid(In ASP.Net with C#)

Hi Team,
I'm using Rad Grid in my application. I need to show my grid as follows.

Source Column	Lookup Column	Filter Condition	Action
This is Drop down (Dynamic values)	This is Dropdown (Dynamic values)	This is (static values) Drop down	Edit
This is Dropdown (Dynamic values)	This is Dropdown (Dynamic values)	This is (static values) Drop down	Edit
This is Drop down (Dynamic values)	This is Dropdown (Dynamic values)	This is (static values) Drop down	Edit
This is Dropdown (Dynamic values)	This is Dropdown (Dynamic values)	This is (static values) Drop down	Edit

Each Dynamic Dropdown has different set of values.
aspx coding:

<telerik:RadGrid runat="server" ID="GridRelateColumn" GridLines="None" Skin="Outlook"

AllowPaging="true" PageSize="10" OnItemDataBound="GridRelateColumn_ItemDataBound"

AutoGenerateColumns="False">

<telerik:GridTemplateColumn headertext="Source Columns" uniquename="SourceColumn">

<asp:DropDownList ID="SourceDropDownList" runat="server” Width="160px"></asp:DropDownList>

</itemtemplate>

</telerik:GridTemplateColumn> <telerik:GridTemplateColumn headertext="LookUp Columns" uniquename="LookUpColumns">

</itemtemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="FilterCondition" HeaderText="Filter Condition">

</itemtemplate> </telerik:GridTemplateColumn> <telerik:GridEditCommandColumn HeaderText="Action" UniqueName="EditCommandColumn" />

</Columns>

</mastertableview>

</telerik:RadGrid>

Codebehind coding:

protected void GridRelateColumn_ItemDataBound(object sender, GridItemEventArgs e)
   {
   if (e.Item is GridDataItem)
   {
   DataTable dtDDList = new DataTable();
   DataTable dttest = new DataTable();
   string definitionID = string.Empty;

   GridDataItem item = (GridDataItem)e.Item;
   dttest = (DataTable)item.OwnerTableView.DataSource;

   for (int i = 0; i < dttest.Rows.Count; i++)
   {
   definitionID = dttest.Rows[i]["Source Column"].ToString();
   if (definitionID != "" && definitionID != "1")
   {
   DropDownList dDownList = (DropDownList)item.FindControl("SourceDropDownList");
   dtDDList = (DataTable)BLogic.BusinessComponents.RelateColumn.getAllColumnsByDefinitionID(new Guid(definitionID), new Guid(Session["ProjectID"].ToString()));
   dDownList.DataSource = dtDDList;
   dDownList.DataTextField = "ColumnName";
   dDownList.DataValueField = "Selected_Column_GUID";
   dDownList.DataBind();
   }
   }
   for (int j = 0; j < dttest.Rows.Count; j++)
   {
   definitionID = dttest.Rows[j]["Lookup Column"].ToString();
   if (definitionID != "" && definitionID != "1")
   {
   DropDownList dDownList = (DropDownList)item.FindControl("LookUpDropDownList");
   dtDDList = (DataTable)BLogic.BusinessComponents.RelateColumn.getAllColumnsByDefinitionID(new Guid(definitionID), new Guid(Session["ProjectID"].ToString()));
   dDownList.DataSource = dtDDList;
   dDownList.DataTextField = "ColumnName";
   dDownList.DataValueField = "Selected_Column_GUID";
   dDownList.DataBind();
   }
   }
   }
   }

For Example (please have a look at the below grid)

Source Column

Lookup Column

Filter Condition

Action

This drop down will show states of US

This drop down will show states of Europe

This drop down will shows years.(static data)

Edit

This drop down will show states of Brazil

This drop down will show states of India

This drop down will shows years.(static data)

Edit

This drop down will show states of Canada

This drop down will show states of Russia

This drop down will shows years.(static data)

Edit

This drop down will show states of China

This drop down will show states of Germany

This drop down will shows years.(static data)

Edit

Please help us as soon as possible. we need the solution or suggestion urgently. Thanks Alexis.

Grid

answered on 25 Feb 2011

1 answer

92 views

FireFox: RadEditor - please enable JavaScript to use the rich text editor

There is strange text, that appears under the content area, when using RadEditor in Firefox modal window (i.e. Window, opened as modal from another window).

The text is:

"RadEditor - please enable JavaScript to use the rich text editor"

Thanks.

General Discussions

answered on 25 Feb 2011

7 answers

220 views

[Solved] Cutomizing AjaxUpload - display of filenames and remove option

Hi,
By default the uploaded files and the remove option display at the top. I would like to display the uploaded files and the corresponding remove options below or on the right hand side of the Select button control. How to achieve this? Attached are the original and desired layout for your reference.

Thanks.

AsyncUpload

answered on 25 Feb 2011

4 answers

83 views

Expand Icon in R2L

The Expand Icon doesn't change direction when R2L is applied, even though the icon is available in the Grid's sprite.gif.

Is this a confirmed bug? Is there a workaround?

Regards,
Andrew

Grid

answered on 25 Feb 2011

1 answer

119 views

[Solved] Focus RadGrid in a RadWindow with KeyBoard Navigation

Dear Telerik,

We have a RadTree that when you click any of its nodes, it opens a RadWindow containing a new dynamic page with a RadGrid, and RadToolbar. In the code behind, we're setting the:

radGrid.ClientSettings.ClientEvents.OnGridCreated = "GridCreated";

And in javascript we're setting focus to the grid:

function GridCreated(sender, args) {

var

currentGrid = $find(sender.ClientID);

      var row = currentGrid.get_masterTableView().get_selectedItems()[0];


 
      if (row)


 

            currentGrid.set_activeRow(row.get_element());

currentGrid.Control.focus();

}

When you click any tree node, it hides any open window, then tries to locate the corresponding window to show:
1) If no window is found then it opens a new window populating it with a grid, and setting focus to the grid's first row correctly, and we can navigate using the keyboard.
2) If a window is found then it only shows that window, but the grid is losing focus, and we can't use keyboard navigation unless we click on the grid to activate it.

Is there any way to set focus to the grid in the second case above?

We tried to call the currentGrid.Control.focus(); but with no luck, we tried also

currentGrid.get_masterTableView().get_dataItems()[0].get_element().cells[0].focus();

and we could not make the grid to receive focus and we can't navigate using the keyboard.

Can you please help?

Salah A. Malaeb
TeknoBuild

Grid

answered on 25 Feb 2011

3 answers

141 views

Radgrid Rowselection

Hi all,
if i am using two radgrid in a page, when i select a row in 1st grid the corresponding row should get selected in the another 2nd grid. Any assistance would be appreciated. Thanks.

Grid

answered on 25 Feb 2011

5 answers

534 views

Delete row in grid and prompt alert message

Hi,

The problem that i am facing is, when i delete one row in grid, i need to do some checking then prompt it alert message in screen.
As i know, when we do deletion in grid, it only can call to code behind

protected

void radImp_DeleteCommand(object source, Telerik.WebControls.GridCommandEventArgs e)

{

string sOBFPkID = e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["Id"].ToString();

Utility.

BaseDelete.DeleteApplFacCollatREImprovement(sOBFPkID);

}
before i delete that record i need to do some checking first,if that record fulfill to my checking then i need to prompt a alert msg in screen.
How can i make it??
Thanks

Grid

answered on 25 Feb 2011

1 answer

105 views

[Solved] Problem with filtering and GroupByExpression

Hi there.
I have the following grid:

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" AllowSorting="True" AllowFilteringByColumn="true"

GridLines="None" Width="100%" DataSourceID="ObjectDataSource1" meta:resourcekey="RadGrid1Resource1"

OnItemDataBound="RadGrid1_ItemDataBound">

<ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">

<Selecting AllowRowSelect="True" />

</ClientSettings>

<PagerStyle Mode="NextPrevNumericAndAdvanced" AlwaysVisible="true" />

<MasterTableView AutoGenerateColumns="False" DataSourceID="ObjectDataSource1">

<Columns>

<telerik:GridTemplateColumn meta:resourcekey="GridTemplateColumnResource1" UniqueName="TemplateColumn" AllowFiltering="false">

<ItemTemplate>

<a href="Rightdata.aspx" onclick='openDataWindow('RightData.aspx?id=<%# Eval("ID") %>', 'RadWindow1'); return false;'>

<img alt="bearbeiten" style="border: 0;" src="img/scroll2_edit_24.png" title="bearbeiten" />

</a>

<asp:ImageButton ID="ImageButton2" runat="server" CommandArgument='<%# Eval("ID") %>'

CommandName="Delete" ImageUrl="img/scroll2_delete_24.png" meta:resourcekey="ImageButton2Resource1"

OnClick="ImageButton2_Click" />

</ItemTemplate>

<ItemStyle CssClass="style1" />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Name" HeaderText="Anzeigename" meta:resourcekey="GridBoundColumnResource1"

SortExpression="Name" UniqueName="Name">

<ItemStyle CssClass="style2" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UniqueName" HeaderText="UniqueName" meta:resourcekey="GridBoundColumnResource2"

SortExpression="UniqueName" UniqueName="UniqueName">

<ItemStyle CssClass="style2" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Description" HeaderText="Beschreibung" meta:resourcekey="GridBoundColumnResource3"

SortExpression="Description" UniqueName="Description">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowSorting="False" DataField="ParentCategory" HeaderText="überg. Kategorie"

meta:resourcekey="GridBoundColumnResource4" UniqueName="Category">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowSorting="False" DataField="Category" HeaderText="Kategorie"

meta:resourcekey="GridBoundColumnResource5" UniqueName="Category">

</telerik:GridBoundColumn>

</Columns>

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldAlias="Kategorie" FieldName="ParentCategory" FormatString=""

HeaderText="" meta:resourcekey="GridGroupByFieldResource1" />

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldAlias="ParentCategory" FieldName="ParentCategory"

meta:resourcekey="GridGroupByFieldResource2" />

</GroupByFields>

</telerik:GridGroupByExpression>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldAlias="Unterkategorie" FieldName="Category" FormatString=""

HeaderText="" meta:resourcekey="GridGroupByFieldResource3" />

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldAlias="Category" FieldName="Category" meta:resourcekey="GridGroupByFieldResource4" />

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

</MasterTableView>

</telerik:RadGrid>

If I turn on the AllowFilteringByColumn property the following error occurs:
Multiple controls with the ID FilterTyexBox_Category found. FindControl requires that controls have unique IDs.

What did I miss?

Grid

answered on 25 Feb 2011

11 answers

220 views

Custom dataprovider without customizing the advance form

Hello Admin,
I am a beginner in the web development and need to use telerik radscheduler in our website. I used the radscheduler with sqldatasource control. have been suggested not to use it. So, I want to use custom dataprovider but don't want to customize the advance form. Is it possible? if yes then Could you please provide the demo project with only custom dataprovider not the custom advance form? I have gone through some demos on custom dataprovider provided by you on some forums but all have customized advanceform. I also tried to use only custom dataprovider but failed. Also I need to add the Students And Lesson resources at runtime.
My Appointments table contains following fields:
AppointmentId
Subject
Start
[End]
LessonTypeId
InstructorId
CustomerId
RecurrenceRule
RecurenceParentId
Description
IsInactive
IsDelivered
IsEdited
IsDeleted
FlightHours
GroundHours
Comments
------------------------
LessonTypeId , InstructorId, CustomerId are the resources.

Help me.
Please reply as soon as possible.

Thanks in advance,
Roshani

Scheduler

answered on 25 Feb 2011