Questions on UI for ASP.NET AJAX Forum

1 answer

711 views

I have 10 columns in my radgrid. In that 8 columns are visible all the time. The two columns are dependent on a radio button selection. If index=0 show 9th column or show 10th column. I am trying to sort these last 2 columns(out of which only 1 visible one time). In the page load the first action i perform is set up the radio button list and then bind the grid. I also make that radiobutton list disabled. So the grid doesnt change. I am able to sort on each and every 8 columns. But this new column (9th or 10th) is not. I tried like this

Dim expression As GridSortExpression = New

GridSortExpression()<br>            expression.FieldName = str(intI)<br>            expression.SortOrder = GridSortOrder.Descending<br>            rgContractHistory.MasterTableView.SortExpressions.AddSortExpression(expression)

for the new column in itemdatabound and/or page_load.But it doesnt work. My columns are of this type

<telerik:GridTemplateColumn ItemStyle-BorderWidth="0" HeaderStyle-Font-Bold="true" ItemStyle-HorizontalAlign="Left" UniqueName="CustomerName" <span class="Apple-tab-span" style="white-space:pre"> ShowSortIcon="false"> <span class="Apple-tab-span" style="white-space:pre"> <ItemTemplate> <span class="Apple-tab-span" style="white-space:pre"> <asp:Label ID="lblCustomerOrganization" runat="server" Text='<%# Eval("CustomerOrganization")%>'/> <span class="Apple-tab-span" style="white-space:pre"> </ItemTemplate> <span class="Apple-tab-span" style="white-space:pre"> </telerik:GridTemplateColumn>

You can see that I have sortexpression mentioned and an Eval mentioned. I did this for all 10 columns. 8 work. 9th/10th doesnt. I removed the sort expression and used the GridSortexpression mentioned above for all 10 columns. Still did not work. What else am I missing?Let me know if you need more info. Thanks

Grid

answered on 15 Jan 2014

3 answers

128 views

Datetime rendering issue

Having a few problems with Datetime fields not rendering correctly (Date time picker is pushed under the box) in all browsers.

Note: IE 11 in compatibility mode will show it correctly.

Please see example attached.
Anyone else having these issues?

Filter

answered on 15 Jan 2014

3 answers

172 views

[Solved] Dynamically set text of Radtooltipmanager

hey everyone

this is my .aspx code

<asp:LinkButton ID="link" runat="server">
<telerik:RadToolTipManager ID="toottip" runat="server" AutoTooltipify="true" Width="200px" RelativeTo="Element"
HideEvent="LeaveTargetAndToolTip" WebServiceSettings-UseHttpGet="false" Animation="Fade"
EnableTheming="true" Title="Documents" ShowEvent="OnMouseOver">
<WebServiceSettings Method="GetToolTipData" Path="InvestmentDropDownWebService.asmx" UseHttpGet="true"/>
<TargetControls>
<telerik:ToolTipTargetControl TargetControlID="link"></telerik:ToolTipTargetControl>
</TargetControls>
</telerik:RadToolTipManager>
</asp:LinkButton>

And this code behind
protected void Page_Load(object sender, EventArgs e)
{
DataTable dt = getName();
link.Text = dt.Rows[0][Name].ToString();
}
i am trying this code but problem is on mouseover webservice not call. if i set link button Text in .aspx page so its working fine..
how to solve it. if the text is from codebehind.

ToolTip

answered on 15 Jan 2014

7 answers

538 views

[Solved] Populate RadGrid client-side using a WEB API with REST

Hi

Do you have some example or documentation on how populate a RadGrid using client-side and a Restful Web AP? I will be pupulatig the RadGrid with a JSON with the columns and the data on client-side.

Thank you

Grid

answered on 15 Jan 2014

6 answers

281 views

[Solved] How to display cursor as pointer For RadListBox Item Selection

I am using telerik:RadListBox and I want to change cursor to pointer ( hand ) upon Item Selection. When user moves cursor on ListBox Items, it should show cursor as "Pointer" so that user can know that he can click on any item to select.

For now, I am using "Vista" skin, but I may change it so is there any code that can apply for this irrespective of skin?

So just in brief again, How can I change mouse cursor to the "Pointer" for RadListBox Item selection?

Thanks in advance

ListBox

answered on 15 Jan 2014

3 answers

1.2K+ views

Accessing cells and rows in code behind.

Hi,

I'm using a radgrid to load 3 rows of data on the page initially. The grid is bound to the client and it all works fine. The first column is the ID column which I need to access in codebehind to get the value of the column in order to save the newly added data. I've tried everything to access the data in the ID column with no success. There is data in the ID because I can see it in the grid and even when I open firebug. It is so weird. Here's the code and a screen shot which shoes the data in the ID column is present.

<telerik:RadGrid ID="grdInvoiceItems" runat="server"

Width="934px" AutoGenerateColumns="false" EnableViewState="true"

AllowMultiRowEdit="false"

onitemcreated="grdInvoiceItems_ItemCreated" Skin="Silk"

ShowHeader="false" style="border:0" BorderColor="#CCCCCC">

<ClientSettings>

<ClientEvents OnRowMouseOver="showContent" OnRowMouseOut="hideContent" OnCommand="gridCommand" OnRowDataBound="RowDataBound" />

</ClientSettings>

<MasterTableView ClientDataKeyNames="Id,Description" DataKeyNames="Id"

CommandItemDisplay="None" >

<ItemStyle Height="50px" />

<AlternatingItemStyle Height="50px" />

<Columns>

<telerik:GridBoundColumn DataField="Id" HeaderText="Id" UniqueName="Id"></telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="Item" UniqueName="Item">

<ItemStyle />

<ItemTemplate>

<telerik:RadComboBox ID="ddlItems" runat="server" AutoPostBack="false"

DataSourceID="objItems" DataTextField="Items" DataValueField="Items"

Skin="Default" OnClientDropDownOpening="DropDownOpening"

OnClientSelectedIndexChanged="ItemValueChanged" EnableViewState="true"

AllowCustomText="False" Width="160px" Height="150px"

ondatabound="ddlItems_DataBound" EmptyMessage="Select an item"

FocusedStyle-BackColor="#fff6dc" >

</telerik:RadComboBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Description" HeaderText="Description" UniqueName="Description">

<ItemStyle />

<ItemTemplate>

<telerik:RadTextBox ID="txtDescription" Width="320px" Height="30px" CssClass="ItemsGridTextBoxAlighLeft"

runat="server" FocusedStyle-BackColor="#fff6dc"></telerik:RadTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Price" HeaderText="Price" UniqueName="Price">

<ItemStyle Width="100px" />

<ItemTemplate>

<telerik:RadNumericTextBox ID="txtPrice" Width="100px" Height="30px" CssClass="ItemsGridPriceTextBox" runat="server"

FocusedStyle-BackColor="#fff6dc" >

<ClientEvents OnValueChanged="PriceChanged" OnFocus="OnPriceFocusGetColumnValues" />

</telerik:RadNumericTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Qty" HeaderText="Qty" UniqueName="Qty">

<ItemStyle Width="50px" />

<ItemTemplate>

<telerik:RadNumericTextBox ID="txtQty" Width="50px" Height="30px" CssClass="ItemsGridQtyTextBox" runat="server"

FocusedStyle-BackColor="#fff6dc" >

<NumberFormat DecimalDigits="0" />

<ClientEvents OnValueChanged="QtyChanged" OnFocus="OnQtyFocusGetColumnValues" />

</telerik:RadNumericTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Discount" HeaderText="Discount" UniqueName="Discount">

<ItemStyle Width="85px" CssClass="ColumnDiscount" />

<ItemTemplate>

<telerik:RadNumericTextBox ID="txtDiscount" Width="85px" Height="30px" CssClass="ItemsGridDiscountTextBox" runat="server"

FocusedStyle-BackColor="#fff6dc">

<ClientEvents OnValueChanged="DiscountChanged" OnFocus="OnDiscountFocusGetColumnValues" />

</telerik:RadNumericTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Amount" HeaderText="Amount" UniqueName="Amount" >

<ItemStyle Width="105px" />

<HeaderStyle Width="105px" HorizontalAlign="Center" />

<ItemTemplate >

<telerik:RadNumericTextBox ID="lblAmount" runat="server" CssClass="ItemsGridAmount" Width="105px" Height="30px" >

<ClientEvents OnValueChanged="AmountChanged" />

</telerik:RadNumericTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn>

<HeaderStyle Width="0px" />

<ItemStyle BorderStyle="None" CssClass="ImgColumn" />

<ItemTemplate>

<div id="deleteRow" class="myWrap1" style="visibility:hidden" onclick="DeleteRow();">

<asp:HyperLink ID="DeleteLink" runat="server">

<asp:Image ID="DeleteCategory" runat="server" ImageUrl="~/Images/icons/test/Delete.png" AlternateText="Delete Row" />

</asp:HyperLink>

</div>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="InvoiceId" HeaderText="InvoiceId" UniqueName="InvoiceId" ItemStyle-CssClass="InvoiceIdColumn">

</telerik:GridBoundColumn>

foreach (GridDataItem item in grdInvoiceItems.Items)

{

//object id = (object)item.OwnerTableView.DataKeyValues[item.ItemIndex]["Id"];

object value = item["Id"].Text;

id = (item["Id"].FindControl("lblId") as RadTextBox).Text;

string lineItem = (item["Item"].FindControl("ddlItems") as RadComboBox).Text;

string description = (item["Description"].FindControl("txtDescription") as RadTextBox).Text;

double? price = (item["Price"].FindControl("txtPrice") as RadNumericTextBox).Value;

double? qty = (item["Qty"].FindControl("txtQty") as RadNumericTextBox).Value;

double? discount = (item["Discount"].FindControl("txtDiscount") as RadNumericTextBox).Value;

//double tax = double.Parse(lblTaxes.Text);

//Label amount1 = (item["Amount"].FindControl("lblAmount") as Label);

//string amount = item["Amount"].Text;

//Label amount1 = (item.FindControl("lblAmount") as Label);

double? amounnt = (item["Amount"].FindControl("lblAmount") as RadNumericTextBox).Value;

if (!string.IsNullOrEmpty(lineItem))

{

Invoice.UpdateInvoiceItems(Convert.ToInt32(id), lineItem, description, Convert.ToDouble(price),

Convert.ToInt32(qty), Convert.ToDouble(discount), 0, Convert.ToDouble(amounnt));

}

Grid

answered on 15 Jan 2014

2 answers

454 views

[Solved] Set the font color in Rad Numeric Textbox in Code-behind

What is the correct way to set the font color of a RAD Numeric textbox in the code-behind? I have a CSS Class set up and tried the .WrapperCssClass attrubute but the color did not change. I would like to change the color to red if the value is negative.

Thanks,

General Discussions

answered on 15 Jan 2014

2 answers

176 views

[Solved] lock out weekends on scheduler

I have a scheduler and on the code behind check for someone scheduling a weekend, but if they do it checks it then tells them they cannot and makes them go though the process agian. How can I lock out the weekends on the calendar autoamtically so they are not visible or are locked out so they cannot click on them.

Scheduler

answered on 14 Jan 2014

4 answers

276 views

Suppress the display of ruUploadSuccess and ruRemove

Is there a way to suppress the file list after a RadAsyncUpload completes? I have tried the following:

.ruUploadSuccess {
visibility: hidden;
width: 0 !important;
height: 0 !important;
padding: 0;
}

.ruRemove {
visibility: hidden;
width: 0 !important;
height: 0 !important;
padding: 0;
}

And these make the two controls invisible but there is still a <li> element created when the upload completes that causes other control to get larger vertically. (this is what I'm trying to prevent)

I tried MaxFileInputsCount=1 but when that is combined with the above CSS ... the browse button and the ruFileInput textbox disappear.

The end result I would like is for RadAsyncUpload to look more like RadUpload ... if that's possible.
<edit>Actually, my management wants it to look exactly like RadUpload</edit>

AsyncUpload

answered on 14 Jan 2014

5 answers

467 views

Drag & Drop operations doesn't work in IE11 Edge mode

Drag & Drop operations doesn't work in IE11 Edge mode.

You can't drag and drop text/images/tables in design view.

Will there be an fix for this soon?

Kind Regards

Editor

answered on 14 Jan 2014