Questions on UI for ASP.NET AJAX Forum

9 answers

151 views

Timeline view: appointment assuming different colors on different slot

I guess this question was asked in this thread which has a help link expired

I have a timeline view, one slot each day.
Let's say there's an appointment that last 7 days. I would like, programmatically, to have it coloured blue for the first 4 days and red the remaing 3 days (better, setting css style), is it possible?
Thank you

Scheduler

answered on 29 May 2012

1 answer

178 views

Multiple buttons inside radtextbox

Currently only one button can be embedded inside a textbox. Is it possible to embeed multiple buttons inside the textbox on the simillar lines?

Input

answered on 29 May 2012

1 answer

155 views

Intentionally break/wrap filter after textbox?

I have a very wide grid with many columns. For many of them the header and data are small but the filter is wide enough to include a textbox, plus the filter icon, plus an extra icon like for a date field.

I'd like to intentionally break these wide filter fields after the textbox so that the entire column width isn't burdened because of the filter.

So:

[textbox] <br/>
{date/time icon +   + } [filter icon]

I know there is info available on creating custom filters. I'd like to avoid creating a completely new custom filter (template). I'd rather just get a better handle on styling the default filter for this "simple" purpose.

The TD for filters has an explicit "white-space: nowrap", specifically doing the opposite of what I want. Would a change to CSS class rgFilterRow help here? RadPicker controls are different, more complex.

Is there a better approach to this? Custom FilterTemplate really the way to go when fine tuning like this?

Thanks!

Grid

answered on 29 May 2012

1 answer

213 views

Use back-button on browser to return to specific filters?

On a grid that has the alphabetical filter "A B C D E ...ect " is there a way to use the back button on the browser to return to a previous filter?

For example: If I filter by the letter "B" and then click on "F" and want to return to "B", is there a way to hit the back button on the browser to achieve this?

Currently this returns to the previous page like normal behaviour, but my client has asked if this is possible?

Thanks
Landon

Grid

answered on 29 May 2012

5 answers

392 views

Alignment Problem w/ RadDatePicker

Hi,

I have this weird alignment problem for my datepickers - the calendar box is really off from the box.

Attached is the code - I'm using the latest version of radcontrols that I'm aware of.

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="WebForm1.aspx.vb" Inherits="OcalaPlatformv2.WebForm1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">

<style type="text/css">

.style19

{

color: #000000;

height: 25px;

width: 138px;

}

.style13

{

width: 173px;

}

.style8

{

color: #000000;

}

.style20

{

height: 25px;

width: 138px;

}

.style16

{

width: 173px;

height: 25px;

}

.rdfd_{position:absolute}div.RadPicker table.rcSingle .rcInputCell{padding-right:0}.rcSingle .riSingle{white-space:normal}.RadInput_Default{font:12px

"segoe ui"

,arial,sans-serif}.riSingle{box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box}.riSingle{position:relative;display:inline-block;white-space:nowrap;text-align:left}.RadInput{vertical-align:middle}.riSingle .riDisplay{box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box}.riDisplay{position:absolute;padding:2px 0 3px 5px;border:0 solid transparent;border-width:1px 2px 0 1px;width:100%;height:100%;overflow:hidden;white-space:nowrap;text-align:left;cursor:default;margin-left:1px}.riSingle .riTextBox{box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box}

.style17

{

width: 404px;

}

</style>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<telerik:RadSplitter ID="RadSplitter1" Runat="server" Width="800px"

Height="350px">

<telerik:RadPane ID="RadPane1" Runat="server" Width="430px">

<table style="width: 404px; font-size: small;">

<tr>

<td class="style19" style="text-align: right">

Customer

</td>

<td class="style13">

<telerik:RadComboBox ID="radComboBoxCustomer" runat="server"

AutoPostBack="true" CssClass="style8" Font-Size="X-Small"

Width="200px">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td class="style19" style="text-align: right">

Container Size

</td>

<td class="style13">

<telerik:RadComboBox ID="radComboBoxContainerBox" runat="server"

AutoPostBack="True" CssClass="style8" Enabled="false"

Width="200px">

</telerik:RadComboBox>

</td>

</tr>

<tr class="style8">

<td style="text-align: right" class="style20">

Destination

</td>

<td class="style13">

<asp:Label ID="lblDestination" runat="server"></asp:Label>

</td>

</tr>

<tr>

<td class="style19" style="text-align: right">

Oceanfreight Method

</td>

<td class="style13">

<telerik:RadComboBox ID="radComboBoxOcnMethodBox" runat="server"

AutoPostBack="True" CssClass="style8" Enabled="false"

Width="200px">

</telerik:RadComboBox>

</td>

</tr>

<tr class="style8">

<td style="text-align: right" class="style20">

Oceanfreight Cost

</td>

<td class="style13">

<asp:Label ID="lblOceanfreightCost" runat="server"></asp:Label>

</td>

</tr>

<tr class="style8">

<td style="text-align: right" class="style20">

Zip Code

</td>

<td class="style13">

<asp:Label ID="lblZipCode" runat="server"></asp:Label>

</td>

</tr>

<tr class="style8">

<td style="text-align: right" class="style20">

Trucking Company

</td>

<td class="style13">

<asp:Label ID="lbltrucker" runat="server" ForeColor="Black"></asp:Label>

</td>

</tr>

<tr class="style8">

<td class="style20" style="text-align: right">

Trucking Cost

</td>

<td class="style16">

<asp:Label ID="lblTruckingCost" runat="server"></asp:Label>

</td>

</tr>

<tr class="style8">

<td class="style20" style="text-align: right">

Analysis Date</td>

<td class="style16">

<telerik:RadDatePicker ID="radDateAnalysis" Runat="server">

</telerik:RadDatePicker>

</td>

</tr>

<tr class="style8">

<td class="style20" style="text-align: right">

Stage</td>

<td class="style16">

<telerik:RadComboBox ID="radComboBoxStage" runat="server" CssClass="style8"

Enabled="false" Width="200px">

</telerik:RadComboBox>

</td>

</tr>

<tr class="style8">

<td style="text-align: right" class="style20">

Analysis Name</td>

<td class="style13">

<telerik:RadTextBox ID="txtAnalysisName" runat="server" Width="200px">

</telerik:RadTextBox>

</td>

</tr>

</table>

</telerik:RadPane>

<telerik:RadPane ID="QuotePane" Runat="server" Width="430px">

<table class="style17">

<tr>

<td>

SAP Quote No</td>

<td>

<telerik:RadTextBox ID="Box_SAPQuoteNo" Runat="server">

</telerik:RadTextBox>

</td>

</tr>

<tr>

<td>

Valid For</td>

<td>

<telerik:RadNumericTextBox ID="Box_ValidFor" Runat="server"

DataType="System.Int32">

</telerik:RadNumericTextBox>

</td>

</tr>

</table>

</telerik:RadPane>

<telerik:RadPane ID="CalcPane" Runat="server" Width="430px">

<table class="style17">

<tr>

<td>

Ocala SO Number</td>

<td>

<telerik:RadTextBox ID="Box_OcalaSONumber" Runat="server">

</telerik:RadTextBox>

</td>

</tr>

<tr>

<td>

Customer Contracted Delivery Date</td>

<td>

<telerik:RadDatePicker ID="Box_CustomerDeliveryDate" Runat="server"

Height="20px">

<Calendar UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" runat="server"

ViewSelectorText="x">

</Calendar>

<DateInput DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy" runat="server"

EnableSingleInputRendering="True" Height="20px" LabelWidth="64px">

</DateInput>

<DatePopupButton HoverImageUrl="" ImageUrl="" />

</telerik:RadDatePicker>

</td>

</tr>

<tr>

<td>

Customer PO Date</td>

<td>

<telerik:RadDatePicker ID="Box_CustomerPODate" Runat="server" Height="20px">

<Calendar UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" runat="server"

ViewSelectorText="x">

</Calendar>

<DateInput DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy" runat="server"

EnableSingleInputRendering="True" Height="20px" LabelWidth="64px">

</DateInput>

<DatePopupButton HoverImageUrl="" ImageUrl="" />

</telerik:RadDatePicker>

</td>

</tr>

<tr>

<td>

Cut Item</td>

<td>

<telerik:RadComboBox ID="Box_CutItem" Runat="server">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td>

Fill Item</td>

<td>

<telerik:RadComboBox ID="Box_FillItem" Runat="server">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td>

Port of Origin</td>

<td>

<telerik:RadComboBox ID="Box_PortofOrigin" Runat="server">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td>

Factory Requested Ship Date</td>

<td>

<telerik:RadDatePicker ID="Box_FactoryRequestedDate" Runat="server"

Height="20px">

<Calendar UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" runat="server"

ViewSelectorText="x">

</Calendar>

<DateInput DateFormat="M/d/yyyy" DisplayDateFormat="M/d/yyyy" runat="server"

EnableSingleInputRendering="True" Height="20px" LabelWidth="64px">

</DateInput>

<DatePopupButton HoverImageUrl="" ImageUrl="" />

</telerik:RadDatePicker>

</td>

</tr>

<tr>

<td>

</td>

</tr>

</table>

</telerik:RadPane>

<br />

</telerik:RadSplitter>

</asp:Content>

Calendar

answered on 29 May 2012

4 answers

220 views

RadGrid's Datasource which is Datatable doesnt get updated

I assigned Datatable variable as Datasource for RADGrid in needDataSource event. When editing the row item in the Grid, those changes are not saved back to Datatable automatically. Is there anyway the edits directly go back to datatable and I can save in to database later, only if the user clicks on save by calling Datatable.GetChanges(). for now I have used following code in UpdateCommand event to save the changes back to datatable.

In the following code dtaddress is my datatable

protected void rgAddress_UpdateCommand(object sender, GridCommandEventArgs e)

{

GridEditableItem editedItem = e.Item as GridEditableItem;

editedItem.OwnerTableView.AllowAutomaticUpdates = true // this line didnt work

int row = editedItem.RowIndex - 3; //removed header rows.. this is ugly

dtaddress.Rows[row]["address1"] = (editedItem["Address1"].Controls[0] as TextBox).Text;

dtaddress.Rows[row]["address2"] = (editedItem["Address2"].Controls[0] as TextBox).Text;

dtaddress.Rows[row]["city"] = (editedItem["City"].Controls[0] as TextBox).Text;

dtaddress.Rows[row]["state"] = (editedItem["State"].Controls[0] as TextBox).Text;

dtaddress.Rows[row]["country"] = (editedItem["Country"].Controls[0] as TextBox).Text;

dtaddress.Rows[row]["ZipCode"] = (editedItem["ZipCode"].Controls[0] as TextBox).Text;*/

e.Item.OwnerTableView.Rebind();

Also even after it comes out of updatecommand code block, the edit mode doesnt go away. Please help.

Grid

answered on 29 May 2012

1 answer

56 views

Line Chart with YAxis2

How can I do my line chart belong to YAxis2 and not YAxis?

Chart (Obsolete)

answered on 29 May 2012

1 answer

76 views

How do you add multiple feeds in this Telerik Demo?

I would like to pull from multiple RSS feeds and display them as demonstrated in this Telerik Demo for the listview. How can I do this for a single control?

Thanks!

ListView

answered on 29 May 2012

1 answer

85 views

All child nodes to be selected

I have a radtreeview.When i select a node i need all the child nodes to be selected.

TreeView

answered on 29 May 2012

1 answer

83 views

Strange javascript error

I have a radgrid on my page like in a dozen or more places in my various apps, however with this grid whenver i refresh the page i get a javascript error in the implementation of $get. Specifically on the document.getElementById line, i looked at the value of id and it was set to modalDivId_dgNoCall dgNoCall is my grid name, but i cant figure out what that is or why its trying to find it. If someone could let me know what that id is for, i've looked in the source, the rendered page, and in the dynamic page in the VS2010 debugger. The call stack is just a bunch of anonymous javascript functions.

John

Grid

answered on 29 May 2012