Questions on UI for ASP.NET AJAX Forum

4 answers

289 views

Hi,

I'm looking for the edit mode width setting for numeric columns.......the my edit mode numeric columns are much wider than needed. The following is my code.

<telerik:GridNumericColumn DecimalDigits="2"

FilterControlAltText="Filter SalesLinePressure column"

HeaderText="Sales Line Pressure (psig)" UniqueName="SalesLinePressure" DataField="Sales_Line_Pressure" FilterControlWidth="20px" >

</telerik:GridNumericColumn>

thanks,
Minh Bui

Grid

answered on 20 May 2015

16 answers

321 views

Vertical white space on tabs.

I am using a radtabstrip and have noticed that there is a vertical line toward the left hand side that I can see the tabstrip background through. How can I get rid of this?

Thanks,

JF

TabStrip

answered on 20 May 2015

6 answers

233 views

batchediting not able to go through e.item isineditmode

I need to add tooltip in edittampleate item.i am not able to see the tooltip while i hoverover. also i am using mouseover edit mode.please help. should display= high, medium, etc in tooltip. (dynamic value stored in db)

<telerik:RadGrid ID="gridPersRating" GridLines="None" runat="server" AllowAutomaticDeletes="false" Width="100%"
AllowAutomaticInserts="True" OnItemDeleted="gridPersRating_ItemDeleted" OnItemInserted="gridPersRating_ItemInserted"
OnItemUpdated="gridPersRating_ItemUpdated" OnPreRender="gridPersRating_PreRender" AllowAutomaticUpdates="True" MasterTableView-TableLayout="Fixed"
AutoGenerateColumns="False" OnBatchEditCommand="gridPersRating_BatchEditCommand" OnNeedDataSource="gridPersRating_NeedDataSource" OnItemDataBound="gridPersRating_ItemDataBound" >
<MasterTableView CommandItemDisplay="Top" DataKeyNames="ID" Font-Size="Small" CommandItemSettings-ShowAddNewRecordButton="false" CommandItemSettings-ShowRefreshButton="false"
HorizontalAlign="NotSet" EditMode="Batch" AutoGenerateColumns="False">
<BatchEditingSettings EditType="Cell" OpenEditingEvent="MouseOver" />

<%-- <SortExpressions>
<telerik:GridSortExpression FieldName="PerspModel_ID" SortOrder="Descending" />
</SortExpressions>--%>
<Columns>
<telerik:GridBoundColumn DataField="Perspective_ID" Display="false" HeaderText="Perspective_ID"
UniqueName="Perspective_ID">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="PerspModel_ID" Display="false" HeaderText="PerspModel_ID"
UniqueName="PerspModel_ID">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Hint" Display="false" HeaderText="Sub-Perspective" SortExpression="Hint"
UniqueName="Hint">
</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="HintSubPerspective" ReadOnly="true" HeaderStyle-Width="160px" ItemStyle-Width="160px" HeaderText="Sub-Perspective"
UniqueName="HintSubPerspective">
</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Question" ReadOnly="true" HeaderStyle-Width="250px" ItemStyle-Width="250px" HeaderText="Question" SortExpression="Question"
UniqueName="Question">
</telerik:GridBoundColumn>
<%-- <telerik:GridRatingColumn AllowRatingInViewMode="false" HeaderText="Original Rating" HeaderStyle-Width="130px" ItemStyle-Width="130px" DataField="OriginalRating" UniqueName="OriginalRating"></telerik:GridRatingColumn>
--%>
<%--<telerik:GridRatingColumn AllowRatingInViewMode="false" HeaderText="Perspective Rating" HeaderStyle-Width="130px" ItemStyle-Width="130px" DataField="PerspectiveRating" UniqueName="PerspectiveRating"></telerik:GridRatingColumn>--%>
<telerik:GridTemplateColumn ColumnEditorID="Original Rating" HeaderStyle-Width="150px" ItemStyle-Height="50px" ItemStyle-Width="150px" UniqueName="OriginalRating" HeaderText="Original Rating">
<ItemTemplate>

<telerik:RadRating ID="txtOriginalRating" HeaderStyle-Width="130px" ItemStyle-Width="130px" DbValue='<%# DataBinder.Eval(Container.DataItem, "OriginalRating") %>' runat="server" ></telerik:RadRating>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadRating ID="txtEditOriginalRating" HeaderStyle-Width="130px" ItemStyle-Width="130px" DbValue='<%# DataBinder.Eval(Container.DataItem, "OriginalRating") %>' runat="server" >
<Items>
<telerik:RadRatingItem Value="1" />
<telerik:RadRatingItem Value="2" />
<telerik:RadRatingItem Value="3" />
<telerik:RadRatingItem Value="4" />
<telerik:RadRatingItem Value="5" />
</Items>
</telerik:RadRating>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn ColumnEditorID="Perspective Rating" HeaderStyle-Width="150px" ItemStyle-Height="50px" ItemStyle-Width="150px" UniqueName="PerspectiveRating" HeaderText="Perspective Rating">
<ItemTemplate>

<telerik:RadRating ID="txtPerspectiveRating" HeaderStyle-Width="130px" ItemStyle-Width="130px" DbValue='<%# DataBinder.Eval(Container.DataItem, "PerspectiveRating") %>' runat="server" ></telerik:RadRating>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadRating ID="txtEditPerspectiveRating" HeaderStyle-Width="130px" ItemStyle-Width="130px" DbValue='<%# DataBinder.Eval(Container.DataItem, "PerspectiveRating") %>' runat="server" ></telerik:RadRating>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn ColumnEditorID="Comments" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Width="250px" ItemStyle-Height="50px" ItemStyle-Width="250px" HeaderText="Comments">
<ItemTemplate>
<telerik:RadTextBox ID="txtComment" Height="50px" Wrap="true" Width="240px" TextMode="MultiLine" EmptyMessage='<%# Eval("DefaultComment")%>' runat="server" Text='<%# Eval("Comments")%>'></telerik:RadTextBox>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadTextBox ID="txtEditComment" Height="50px" Wrap="true" Width="240px" TextMode="MultiLine" runat="server" Text='<%# Eval("Comments")%>'></telerik:RadTextBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>
<%--<telerik:GridTemplateColumn HeaderText="Category" DefaultInsertValue="Beverages" HeaderStyle-Width="150px" UniqueName="CategoryID" DataField="CategoryID">
<ItemTemplate>
<%# Eval("CategoryName") %>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadDropDownList runat="server" ID="CategoryIDDropDown" DataValueField="CategoryID"
DataTextField="CategoryName" DataSourceID="SqlDataSource2">
</telerik:RadDropDownList>
</EditItemTemplate>
</telerik:GridTemplateColumn>--%>
<%-- <telerik:GridNumericColumn DataField="UnitsInStock" HeaderStyle-Width="80px" HeaderText="Units In Stock"
SortExpression="UnitsInStock" UniqueName="UnitsInStock">
</telerik:GridNumericColumn>
<telerik:GridCheckBoxColumn DataField="Discontinued" HeaderStyle-Width="80px" HeaderText="Discontinued" SortExpression="Discontinued"
UniqueName="Discontinued">
</telerik:GridCheckBoxColumn>
<telerik:GridTemplateColumn HeaderText="UnitPrice" HeaderStyle-Width="80px" SortExpression="UnitPrice" UniqueName="TemplateColumn"
DataField="UnitPrice">
<ItemTemplate>
<asp:Label runat="server" ID="lblUnitPrice" Text='<%# Eval("UnitPrice", "{0:C}") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<span>
<telerik:RadNumericTextBox Width="55px" runat="server" ID="tbUnitPrice">
</telerik:RadNumericTextBox>
<span style="color: Red">
<asp:RequiredFieldValidator ID="RequiredFieldValidator1"
ControlToValidate="tbUnitPrice" ErrorMessage="*Required" runat="server" Display="Dynamic">
</asp:RequiredFieldValidator>
</span>
</span>
</EditItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridButtonColumn ConfirmText="Delete this product?" ConfirmDialogType="RadWindow"
ConfirmTitle="Delete" HeaderText="Delete" HeaderStyle-Width="50px" ButtonType="ImageButton"
CommandName="Delete" Text="Delete" UniqueName="DeleteColumn">
</telerik:GridButtonColumn>--%>
</Columns>
</MasterTableView>
<ClientSettings AllowKeyboardNavigation="true">
<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="true" FrozenColumnsCount="2"></Scrolling>
<ClientEvents OnBatchEditCellValueChanging="RadGridAdditions_OnBatchEditCellValueChanging" />
</ClientSettings>
</telerik:RadGrid>

</telerik:RadAjaxPanel>

protected void gridPersRating_ItemDataBound(object sender, GridItemEventArgs e)
{



if (e.Item is GridEditableItem && (e.Item as GridEditableItem).IsInEditMode)
{

// GridDataItem item1 = e.Item as GridDataItem;
GridEditableItem item = e.Item as GridEditableItem;
int id1 = Convert.ToInt32(item["PerspModel_ID"].Text);
RadRating rating12 = item.FindControl("txtEditOriginalRating") as RadRating;
// rating.ItemBinding..ToolTip = Math.Round(ratio * 100, 0).ToString() + "%";
rating12.ItemBinding.ValueField = "Value";
rating12.ItemBinding.ToolTipField = "ToolTip";

rating12.DataSource = SurveyModel.GetPerspectiveRatingCriteriaById(id1);
rating12.DataBind();

RadRating rating11 = item.FindControl("txtEditPerspectiveRating") as RadRating;
// rating.ItemBinding..ToolTip = Math.Round(ratio * 100, 0).ToString() + "%";
rating11.ItemBinding.ValueField = "Value";
rating11.ItemBinding.ToolTipField = "ToolTip";

rating11.DataSource = SurveyModel.GetPerspectiveRatingCriteriaById(id1);
rating11.DataBind();
}

if (e.Item is GridDataItem)
{
GridDataItem dataItem1 = e.Item as GridDataItem;

int id = Convert.ToInt32(dataItem1["PerspModel_ID"].Text);
RadRating rating = dataItem1.FindControl("txtOriginalRating") as RadRating;
// rating.ItemBinding..ToolTip = Math.Round(ratio * 100, 0).ToString() + "%";
rating.ItemBinding.ValueField = "Value";
rating.ItemBinding.ToolTipField = "ToolTip";

rating.DataSource = SurveyModel.GetPerspectiveRatingCriteriaById(id);
rating.DataBind();

RadRating rating1 = dataItem1.FindControl("txtPerspectiveRating") as RadRating;
// rating.ItemBinding..ToolTip = Math.Round(ratio * 100, 0).ToString() + "%";
rating1.ItemBinding.ValueField = "Value";
rating1.ItemBinding.ToolTipField = "ToolTip";

rating1.DataSource = SurveyModel.GetPerspectiveRatingCriteriaById(id);
rating1.DataBind();

}
}

Grid

answered on 20 May 2015

7 answers

232 views

Expand and Collapse image UI from code behind

Hi , i am setting the parent grid row expand or collapse based on condition for each parent row from code behind based on condiion.

like below..

e.Item.OwnerTableView.HierarchyDefaultExpanded =true

Problem:

still the expand/collapse image icon showing "+" icon instead of "-".

Thanks,

Satish.

Grid

answered on 20 May 2015

1 answer

127 views

RadGrid InsertCommand not working without RandWindowManager

In
our project we are replacing existing menu with the RadMenu. after implementing
radmenu in the master page we found an issue in all radgrid with InsertCommand
. the InsertCommand event is not firing,
but the update and delete command works fine.

When
I have added RadWindowManager into the page then the issue is fixed.

Is
there any dependancy , radgrid has on RadWindowManager for invoking
InsertCommand.

Our
project contains 70 plus subproject so it's very difficult to add RadWindowManager
to all pages which has a Radgrid with
InsertCommand.

I have also tried to add RadWindowManager into the master page, but it will affect
all the pages with Radwindow Pop up with different settings. If we implement RadWindowManager
in master page we will have to move all the Radwindows used in
the project to master page RadWindowManager.

But, that is not practical, because every
RadWindow in pages have there own properties(width, height etc).

How
should we resolve this issue of InsertCommand of Radgrid without including RadWindowManager
into the page?

Grid

answered on 20 May 2015

1 answer

111 views

Sorting Question

Hi,

I have a radgrid that has 3 columns. The first two are databound and the last is a gridtemplate column.

Initially only the first two rows are populated via a sql data source. Then on the itemdatabound event I take a values from the first columns and use this derive a new value which is then added into the label control on the tempatecolumn.

This works fine up until the point I need to sort. Sorting works on the first two columns but not on the template one.

Have I reached a limitation or am I doing something wrong?

Grid

answered on 20 May 2015

1 answer

108 views

RadGrid to ExportPdf

i want export grid to portable document format with same skin

Grid

answered on 20 May 2015

1 answer

202 views

Grid headers mismatch on browser zoom

Hi,

I am using Telerik radgrid with HeaderStyle-Width as percentages for grid columns. If the zoom the browser zoom level to more than 100%, header text is being truncated. Grid width is set to 100%.

Grid has following client settings.

1. UseStaticHeaders = true

2. AllowScroll = True

How can I overcome the issue of truncated header text.

Thanks

Grid

answered on 20 May 2015

12 answers

530 views

Build DLL from sources for .NET 4

Hello!

I've downloaded source code for AJAX Controls (Telerik.Web.UI_2010_3_1317_Source.zip). Then I opened it in the VS 2010, switch project target framework to .NET 4 and tried to build solution. But there was an error in file CSDialog.cs:

Error 3 The type or namespace name 'BasicClient' could not be found (are you missing a using directive or an assembly reference?) D:\3rd party\Telerik\dev\Telerik.Web.UI\Editor\DialogControls\CSDialog.cs 160 18 Telerik.Web.UI

How to fix it and build DLL for .NET 4.0?

General Discussions

answered on 20 May 2015

6 answers

276 views

Wizard fires events twice.

I have a basic wizard setup with OnNextButtonClick and OnFinishButtonClick events inside a panel that updates itself with a RadAjaxManager, and when I click on the NEXT/FINISH buttons the event in the serverside fires twice I tested this with a breakpoint at the start of the method, my markup looks like this

<telerik:RadScriptManager ID="rasmMain" runat="server" />

<telerik:RadAjaxManager ID="ramMain" runat="server" DefaultLoadingPanelID="rapMain">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="pTest">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pTest" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="rapMain" runat="server" />

<telerik:RadAjaxPanel ID="rapResponseScripts" runat="server"></telerik:RadAjaxPanel>

<asp:Panel ID="pTest" runat="server" ClientIDMode="Static">

<telerik:RadWizard ID="rwNuevoCliente" runat="server" OnNextButtonClick="rwNuevoCliente_NextButtonClick" OnFinishButtonClick="rwNuevoCliente_FinishButtonClick">

<WizardSteps>

<telerik:RadWizardStep Title="Informacion General" CausesValidation="true" ValidationGroup="Step1" ImageUrl="../../images/png/store12.png" >

</telerik:RadWizardStep>