Questions on UI for ASP.NET AJAX Forum

1 answer

84 views

Radsplitter Slidingpane has problem when making ID and tiltle have same text

Hello.

I'm using RadSlidingPane on the Radsplitter.
My problem is,
If RadSlidingPane's ID and title have same text (eg. ID="RadSlidingPane1" title="RadSlidingPane1"),
RadSlidingPane content was resized over the Width, when I resized RadSlidingPane Width.

if ID and title have different value, it working good.
I'm attaching screenshot image, and source.

<%@ Page Language="VB" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="RadControlsWebApp1._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />

<style type="text/css">

body, form, html

{

font-size: 12px;

font-family: Arial, Verdana, Tahoma, MS Sans Serif !important;

margin: 0px;

padding: 0px;

height: 100%;

overflow: hidden;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div style="width:100%;height:100%;">

<telerik:RadSplitter ID="Radsplitter1" runat="server" Width="100%" Height="100%"

Orientation="Vertical">

<telerik:RadPane ID="RadpaneContents" runat="server" Scrolling="None" BackColor="blue">

<telerik:RadSlidingZone runat="server" ID="RadSlidingZone1" Width="22px">

<telerik:RadSlidingPane runat="server" ID="RadSlidingPane1" Width="250" MinWidth="125" BackColor="WhiteSmoke"

EnableResize="true" Title="RadSlidingPane1" Scrolling="None">

tab1<br />

<asp:TextBox ID="TextBox1" runat="server" Width="100%"></asp:TextBox>

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

<telerik:RadPane ID="RadpaneContents2" runat="server">

</telerik:RadPane>

</telerik:RadSplitter>

</div>

</form>

</body>

</html>

Splitter

answered on 10 Oct 2011

4 answers

541 views

Radgrid row color change on GridClientSelectColumn selected

I am using a radgrid with GridClientSelectColumn as one of the column.
i changed the item row color using

e.Item.BackColor ="Red" in itemdatabound event based on some condition

I selected that checkbox which row is already highlighted by this RED color , its overwriting my red color background.

I want to prevent this

i tried this .rgSelectedRow
        {
            background-color:Red;
            color: Red !important;
        } also
its making the font color for the row as RED but bg color is not still changing

shall i use

ClientEvents-OnRowSelecting events?

Grid

answered on 10 Oct 2011

3 answers

169 views

Bind a column to another SQL DataSource

Hello,

I have my Radgrid binded to a first SQLDataSource.
But, I need to have a column (i have created manually) from my RADGrid binded to another SQLDataSource(informations from another table)

Is this possible ?
Thank you in advance for your help!

Grid

answered on 10 Oct 2011

6 answers

233 views

How to make child rows non-editable

I have a requirement to edit the parent row but child rows should not be editable. when a value in the parent cell updated, the same cell in all the child rows should be updated with the same value.
Please let me know how to make parent row editable but at the same time child rows should not be editable and how to udpate the values to child rows on modification of a parent row?

TreeList

answered on 10 Oct 2011

12 answers

374 views

How to set an initial value when using a web service

Hello,

I need to set an initial value to a combo which uses LoadOnDemand with a web service as in your sample.
As the combo items collection is initially empty, I am unable to select the value for my initial choice.

I must says that apart from this little pb, load on demand works perfectly.

CS

ComboBox

answered on 10 Oct 2011

1 answer

138 views

validating input controls inside radgrid

Inside repeater i had placed radgrid and a button outside the repeater, when i click on button i want to validation input data inside radgrid control, using javascript.

how to find radtextbox inside radgrid which is in repeater control.

<asp:Repeater ID="rptrGroup" runat="server" OnItemDataBound="rptrGroup_ItemDataBound">

<ItemTemplate>

<table class="table_data">

<tr><td colspan="2">

<telerik:RadGrid ID="rgdGroup" runat="server" Width="100%" GridLines="Vertical" AutoGenerateColumns="False" OnItemDataBound="rgdGroup_ItemDataBound" OnItemCommand="rgdGroup_ItemCommand" CellSpacing="0"> <MasterTableView DataKeyNames="Id">

<Columns>

<telerik:GridCheckBoxColumn HeaderText="Status" DataField="Status" UniqueName="Status">

</telerik:GridCheckBoxColumn>

<telerik:GridTemplateColumn HeaderText="Order" DataField="Order" UniqueName="ActionOrder">

<ItemTemplate>

<telerik:RadTextBox ID="rtbOrder" runat="server" Text='<%# Eval("Order") %>' Width="48px" MaxLength="3" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn HeaderText="Item" DataField="ItemName" UniqueName="ItemName">

</telerik:GridBoundColumn>

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

<ItemTemplate>

<telerik:RadDatePicker ID="rdpDate" runat="server" Culture="en-US" Width="100px" SelectedDate='<%# Eval("Date") %>'>

<Calendar ID="cldrDate" UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False"

ViewSelectorText="x" runat="server" >

</Calendar>

<DateInput ID="diDate" DisplayDateFormat="MM/dd/yyyy" DateFormat="MM/dd/yyyy" runat="server">

</DateInput>

<DatePopupButton ImageUrl="~/App_Themes/images/calendar_ico.png" HoverImageUrl="~/App_Themes/images/calendar_ico.png">

</DatePopupButton>

</telerik:RadDatePicker>

</ItemTemplate>

</telerik:GridTemplateColumn>

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

<ItemTemplate>

<telerik:RadTextBox ID="rtbRemark" runat="server" Text='<%# Eval("Remark") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn HeaderText="Active/Inactive" ButtonType="LinkButton" UniqueName="lnkItemActiveInActive" ItemStyle-VerticalAlign="Middle" CommandName="ItemStatus">

</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</td>

</tr>

</table>

</ItemTemplate>

</asp:Repeater>

Grid

answered on 10 Oct 2011

3 answers

95 views

[Solved] Grid_ HeaderContexMenu hide "Columns" element from the list cause error

Hi,
I'd like to show only Group and Ungroup options on the headercontext menu of a RadGrid so i've done in this way

void HeaderContextMenu_ItemCreated(object sender, RadMenuEventArgs e)

{

switch (e.Item.Text)

{

case "Columns": e.Item.Visible = false;break;

case "Sort Ascending": e.Item.Visible = false; break;

case "Sort Descending": e.Item.Visible = false; break;

case "Clear Descending": e.Item.Visible = false; break;

case "Clear Sorting": e.Item.Visible = false; break;

}

If i leave the "element "Columns visible" it works fine, but if i putcase "Columns": e.Item.Visible = false;break; i get this error:
Microsoft JScript runtime error: 'findItemByValue(...)' is null or not an object

What is the problem of hiding the item "Columns" of the context mennu ?

Thank You !!

Grid

answered on 10 Oct 2011

7 answers

101 views

Attach Clientside events to Advanced EditForm

Hi,

I want to attach client side events to StartDate and StartTime controls inside Advanced Edit Form.
On changing start time I want to modify end time using javascript fxns, similarly I want to modify end time on changing start time.
Is it possible to overwrite existing fxns.

function ClientFormCreated(sender, e) {
         var advancedEditStartDate= $telerik.$("[id$='Form_StartDate']");
                      advancedEditStartDate.onchange(function() {
                       ModifyEndDate();
                   });

    var advancedEditStartTime = $telerik.$("[id$='Form_StartTime']");
                     advancedEditStartTime.onchange(function() {
                      ModifyEndTime();
                   });

}

<telerik:RadScheduler ID="rsTicketsSchedule"   OnClientFormCreated="ClientFormCreated" ..

...
</telerik:RadScheduler>

Thanks,
Prava

Scheduler

answered on 10 Oct 2011

3 answers

200 views

get reference to Multipage in contentURL page

I am using RadTabstrip with RadMultipage.

I have 3 tabs with 3 pageviews. I am using ContentURL property of pageview to load the page as a main page’s content.

How do I get a reference to Main page’s controls in content page ?

Thanks!

TabStrip

answered on 10 Oct 2011

8 answers

567 views

RadDatePicker culture issue

Hi there,

We currently use RadDatePicker / Calendar to get a user input of the current date. We have followed the tutorials accordingly and setup different rules such as DisplayDateFormat and DateFormat.

We are currently experiencing a problem on certain machines where the DateFormat rule is not followed! (i.e. when the selected date is stored in a property, it is stored in U.S. culture, even though we have explicitly stated that the RadDatePicker use U.K format and that the stored DateFormat is "dd/MM/yyyy")

Is there anything else that we need to set in order to ensure that the properties are applied to all? Would you recommend this is done in code-behind rather than setting it on design-side? What machine settings are likely to override the properties set for the RadDatePicker?

Code attached below:

<telerik:RadDatePicker ID="radDateAssessment" runat="server" Culture="English (United Kingdom)" EnableTyping="True">