Questions on UI for ASP.NET AJAX Forum

3 answers

122 views

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

169 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

533 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

275 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

445 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

173 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

266 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

458 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

1 answer

283 views

Controls in panel not rendering

I have an AsyncUpload control in a basic asp panel in a custom control that is also in a basic asp panel on the page. The issue is that when i select a file to upload, the filename shows in the AsyncUpload control, but all other controls in the same panel (both for the custom control panel and the asp page panel) are no longer displayed on the page.

This issue only exists in Chrome, as IE and Firefox both maintain the display of all controls.

The only way I have been able to get around this is to add a function to postback to the page on the OnClientFileUploaded event of the AsyncUpload control to force the page to redraw, but this is not desired behavior.

The version of Telerik controls are: 2012.3.1308.40 and the version of Chrome that i am testing is: 31.0.1650.63 m.

This is my custom control:

<asp:Panel ID="pnlUploadControls" runat="server"

meta:resourcekey="pnlUploadControlsResource1">

<div class="grayText" style="padding-top: 15px;">

<asp:Label ID="UploadInstructions" runat="server"

Text="Browse to select a file, and click upload."

meta:resourcekey="UploadInstructionsResource1" ></asp:Label></div>

<div style="padding-top: 5px;">

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

<tr>

<td style="width: 280px; vertical-align: bottom;padding: 0px 0px 4px 5px;">

<telerik:RadAsyncUpload ID="radUpload1" runat="server" Skin="Vista" Width="280px"

meta:resourcekey="radUpload1Resource1" MaxFileInputsCount="1"

OnClientValidationFailed="UploadValidationError" OnClientFileSelected=""

OnClientFileUploaded="" >

<%--OnClientFileUploaded="OnClientFileUploaded" PostbackTriggers="btnUpload" >--%>

<Localization Select="Browse..." />

</telerik:RadAsyncUpload>

</td>

<td style="vertical-align: bottom; padding: 0px 0px 10px 7px;">

<asp:Button ID="btnUpload" runat="server" Text="Upload"

meta:resourcekey="btnUploadResource1" />

</td>

</tr>

</table>

</div>

</asp:Panel>

and this is my page which uses a placeholder for the custom control that is assigned in the code behind:

<asp:Panel ID="pnlDocUpload" runat="server" Visible="False" meta:resourcekey="pnlDocUploadResource1">

<div class="popupTitle" style="padding-top: 20px;">

<asp:Label ID="lblSupportingDocuments" runat="server" Text="Supporting Documents"

meta:resourcekey="lblSupportingDocumentsResource1"></asp:Label>

</div>

<div class="instruction" style="padding-top: 5px;">

<asp:Label ID="lblActivityNeedsValidation" runat="server" Text=

"Your activity needs to be validated before credits are issued.  Below you can upload the required documents or indicate you will use another means to send them.  When your documents have been uploaded and/or sent, you must click the 'Submit for Validation' button.  Your activity will remain in the holding area until you submit."

meta:resourcekey="lblActivityNeedsValidationResource1"></asp:Label>

</div>

<div style="padding-top: 15px;">

<asp:PlaceHolder ID="phUploadControl" runat="server"></asp:PlaceHolder>

</div>

<div style="padding-top: 20px;">