Questions on UI for ASP.NET AJAX Forum

2 answers

83 views

I have an radtext box as a field in a list box. I am not sure how I go about getting that field to update. After the user fills in the field, what could I use to trigger the update?

See screen show of what it looks like

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ReviewFormProjects.aspx.cs" Inherits="Helpers.RFP" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

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

<head id="Head1" runat="server">

<link href="ReviewFormProjects.css" rel="stylesheet" type="text/css" />

<style type="text/css">

/* The default display: inline needs to be overrided to resize the container to hold with the content */

div.RadListBox .rlbTemplate

{

display: inline-block;

}

</style>

<title>test</title>

</head>

<body class="BODY">

<form runat="server" id="mainForm" method="post">

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

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1">

<div class="example-panel">

<div class="order-panel">

<label class="product-list">

Avalible Projects to choose</label>

<label class="detail">

Associate with application</label>

<%-- OnTransferred="RadListBox1_Transferred"--%>

<%-- TransferMode="Copy"--%>

<telerik:RadListBox ID="RadListBox1" runat="server" AllowTransfer="True" AutoPostBackOnTransfer="True" DataValueField="ProjectNameID"

Height="200px" SelectionMode="Multiple" AllowTransferDuplicates="true"

TransferToID="RadListBox2" Width="215px" DataSourceID="ProjectNamesList" DataKeyField="ProjectNameID" DataTextField="ProjectName" DataSortField="ProjectName" OnTransferred="RadListBox1_Transferred" TransferMode="Copy">

<ButtonSettings ShowTransferAll="false" VerticalAlign="Middle" />

</telerik:RadListBox>

<telerik:RadListBox runat="server" ID="RadListBox2" Height="200px" Width="270px" AllowTransfer="True"

SelectionMode="Multiple" DataSourceID="ProjectUpdates" DataKeyField="ProjectNameID" DataTextField="ProjectName" DataValueField="ProjectNameID" AllowDelete="True"

AutoPostBackOnDelete="true"

AllowAutomaticUpdates="true" AllowTransferDuplicates="true">

<ItemTemplate>

<span class="detail-title">

<ul class="details">

<li>

<%--<label> <%# DataBinder.Eval(Container, "Text")%>:</label>--%>

<telerik:RadTextBox runat="server" ID="ProjectNameIDTextBox" Width="150px" Text='<%# Bind("ProjectID") %>' Label='<%# Bind("ProjectName") %>'/>

</li>

</ul>

</ItemTemplate>

</telerik:RadListBox>

</div>

</telerik:RadAjaxPanel>

<asp:SqlDataSource ConnectionString="<%$ ConnectionStrings:PreQual_DEV_ConnectionString %>"

ID="ProjectNamesList" runat="server" SelectCommand="SELECT ProjectNameID, ProjectName FROM PublicFormProjectNames">

</asp:SqlDataSource>

<asp:SqlDataSource ConnectionString="<%$ ConnectionStrings:PreQual_DEV_ConnectionString %>"

ID="ProjectUpdates" runat="server"

SelectCommand="SELECT PN.ProjectName, P.ID, P.ProjectNameID, P.ProjectID, P.FormID

FROM PublicFormProjectNames AS PN INNER JOIN

PublicFormProjects AS P ON PN.ProjectNameID = P.ProjectNameID WHERE FormID = 1"

DeleteCommand="DELETE FROM [PublicFormProjects] WHERE [ID] = @ID"

InsertCommand="INSERT INTO [PublicFormProjects] ([FormID], [ProjectNameID], [ProjectID]) VALUES (@FormID, @ProjectNameID, @ProjectID)"

UpdateCommand="UPDATE [PublicFormProjects] SET [ProjectNameID] = @ProjectNameID, [ProjectID] = @ProjectID WHERE [ID] = @ID"

>

<UpdateParameters>

<asp:ControlParameter Name="ProjectNameID" Type="String" controlid="ProjectNameIDTextBox" />

<asp:Parameter Name="ProjectID" Type="Int32" />

</UpdateParameters>

<DeleteParameters>

<asp:Parameter Name="ID" Type="Int32" />

</DeleteParameters>

<InsertParameters>

<asp:Parameter Name="ProjectID" Type="String"/>

<asp:ControlParameter Name="ProjectNameID" Type="Int32" controlid="RadListBox1" propertyname="SelectedValue" />

<asp:Parameter Name="FormID" Type="Int32" DefaultValue="1" />

</InsertParameters>

</asp:SqlDataSource>

</form>

</body>

</html>

ListBox

answered on 15 Nov 2011

2 answers

103 views

Using multiple AppointmentTemplates in RadScheduler

Hello,
is it possible to use more than one AppointmentTemplate inside a RadScheduler object?

For example use one AppointmentTemplate with the DayView and a second AppointmentTemplate when using the MonthView ?

If this is not possible, is it a possible workaround to use two RadScheduler objects with different AppointmentTemplates and to switch the RadScheduler objects when changing the view (and synchronize both of them with the same database or xml file ...)?

Scheduler

answered on 15 Nov 2011

3 answers

106 views

Dynamic RedGrid FilterTemplate

Hi,

I am trying to create my own filter template for a certain column in RadGrid dynamically. I tried to do this on Load/Render/init, still to no avail.

myColumn.FilterTemplate = new CustomGridTemplate();

...
public class CustomGridTemplate: ITemplate
    {
        public CustomGridTemplate()
        {
        }

        public void InstantiateIn(System.Web.UI.Control container)
        {
            TextBox tbx = new TextBox();
            tbx.Text = "Test";
            container.Controls.Add(tbx);
        }
   }

The grid filter shows up with the standard controls for that column - the breakpoint in CustomGridTemplate class constructor doesn't even get hit. I've seen an example for regular templated columns, but I am using AutoGeneratedColumns. I would appreciate your comments.

Grid

answered on 15 Nov 2011

3 answers

135 views

AdaptiveRowHeight

Hi,

I'm using the AdaptiveRowHeight="true" property within the Month view. This setting throws up a few problems. If there are no appointments at all on a row then the whole week row ends up with virtually no height and makes the scheduler look very unbalanced if a subsequent week row has some entries.

Is there a way to set a minimum number of rows that will be displayed even if there is no data for that week?

Regards,

Jon

Scheduler

answered on 15 Nov 2011

2 answers

108 views

Attempt Reading the Checked Boxes on Page Load Postback Fails

Dear Telerik Team,

I have the following snippet of code which is located in the postback section of Page_Load. Two checkboxes were checked but it still shows 'false'.

'Attempt reading the SelectedItems Before the Grid Repaints
If (Me.IsPostBack) Then
SPID= String.Empty
For Each gi As GridDataItem In rgp.Items
Dim objValueCheckbox As Object = gi.FindControl("boolValue")
If (Not objValueCheckbox Is Nothing) Then
If (objValueCheckbox.GetType().Name = "CheckBox") Then
Dim chkValueCheckbox As CheckBox = DirectCast(objValueCheckbox, CheckBox)
If Not chkValueCheckbox.Attributes("PID") Is Nothing Then
If (chkValueCheckbox.Checked) Then
SPID= SPID& chkValueCheckbox.Attributes("PID") & ","
End If
End If
End If
End If
Next

SPID= SPID.TrimEnd(",")
End If

Grid

answered on 15 Nov 2011

2 answers

123 views

Want to add different tabs in existing tab of tabstrip.

Hi Telerik Team,

I am adding different tabs in existing tab of RadTabStrip dynamically, but i am unable to see the tabs in existing tab.

Can you please provide me the proper solution on above scenario.?

Thanks and Regards,
Simon.

TabStrip

answered on 15 Nov 2011

1 answer

54 views

FYI: .RadTabStripVertical .rtsOut gap

I'm using the WebBlue theme with a tabstrip in the current release. When I have three tabs, the third one has a single-pixel vertical line spanning the entire top/bottom height of the tab. This occurs with the default CSS:

.RadTabStrip .rtsOut, .RadTabStripVertical .rtsOut {

display: block;

padding-right: 11px;

}

If I manually change the value of padding-right to anything from 7 to 11, I see the line. Outside of that range, no line. The first two tabs don't have the line. .... weird...

This is in FireFox 3.6.13, didn't see it in IE8.

TabStrip

answered on 15 Nov 2011

1 answer

66 views

How to get a section of a screen to resize with the window

I have a form (shown in the attachment) that has a fixed header and footer but the middle section should re-size with the browser window. How do is do this?

The form is made is using the code bwlow:

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Sitefinity"

MinDisplayTime="200">

<asp:Label ID="Label2" runat="server" ForeColor="Red">Loading... </asp:Label>

</telerik:RadAjaxLoadingPanel>

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Sitefinity">

</telerik:RadSkinManager>

<telerik:RadSplitter ID="rsMain" runat="server" VisibleDuringInit="false" Width="100%" Height="100%"

Orientation="Horizontal" EnableEmbeddedSkins="False" Skin="splitter_2">

<telerik:RadPane ID="rpTop" runat="server" CssClass="ApplyOverflow" Height="50px"

Width="100%" Scrolling="None">

</telerik:RadPane>

<telerik:RadPane ID="rpMiddle" runat="server" Height="800px" Width="100%" Scrolling="None">

<telerik:RadSplitter ID="rsMiddle" runat="server" Width="100%" Height="100%" EnableEmbeddedSkins="False"

Skin="splitter_2">

<telerik:RadPane ID="rpMiddleLeft" runat="server" Width="20%" Height="100%" PersistScrollPosition="true">

<telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Horizontal">

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

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Both" Visible="true" />

<telerik:RadPane ID="rpMiddleLeftMiddle" runat="server" Height="45%"

Visible="true" PersistScrollPosition="true">

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar3" runat="server" CollapseMode="Both">

</telerik:RadSplitBar>

<telerik:RadPane ID="rpMiddleLeftBottom" runat="server" Height="10%">

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar1" runat="server"

CollapseMode="Forward" />

<telerik:RadPane ID="rpMiddleRight" runat="server" Width="80%" Height="100%" PersistScrollPosition="true">

</telerik:RadPane>

</telerik:RadSplitter></telerik:RadPane>

<telerik:RadPane ID="rpBottom" runat="server" Height="20px" Width="100%" Scrolling="None">

<div style="text-align: center; background-color: #f5be19;">

</telerik:RadPane>

<telerik:RadPane ID="rpPlatform" runat="server" Visible="false">

</telerik:RadPane>

</telerik:RadSplitter>

Splitter

answered on 15 Nov 2011

1 answer

66 views

RadTreeNodes dissapear with the Visible property

Hi, I hope you can help me.
I'm using a radTreeview to present the information, my problem is when the property Visible of the radtreenode became false on the server-side (because I need it in that way), in the client-side the radTreeView only have the nodes that remained visible on the server-side.

How can I correct this??

Thanks

TreeView

answered on 15 Nov 2011

2 answers

261 views

Align ComboBox value horizontally

Hello,
Is it possible to center the selected value in RadComboBox ?
Also I'd like to write in it starting from center position (currently if I'm writing in RadComboBox my chars are showing starting from the left side, I'd like them to appear centered).

Any ideas ?

Regards
Darek

ComboBox

answered on 15 Nov 2011