Questions on UI for ASP.NET AJAX Forum

6 answers

179 views

Hi,

I have got a custom Appointment class (JobAppointment), which works off a database, has recurrence support and works well with the windows version of the RadScheduler.

Now, we want to provide the same functionality in the web version. We want to keep the database structure and content common between the two versions, but the Appontment class can change between the two versions.

We are currently able to work with Appointments in the web version, but the Appointments with recurrence rules are no different to the normal appointments. Appointment occurences for an appointment with recurrence are currently not being shown in the scheduler.

In cases like this, it is perhaps best to demonstrate with an example.

Database Fields/Appointment Class Properties:

ID: 79
DateStart: 5/10/2011 10:00:00 AM
DateEnd: 5/10/2011 11:00:00 AM
Description: Email tagging dept filter
Comment: This should default to a department specified by the user in the options.
RecurrenceRule: FREQ=DAILY;COUNT=5
ParentID: 0

The Scheduler is set up as follows:

RadScheduler1.DataKeyField = "ID"

RadScheduler1.DataStartField = "DateStart"

RadScheduler1.DataEndField = "DateEnd"

RadScheduler1.DataDescriptionField = "Comment"

RadScheduler1.DataSubjectField = "Description"

RadScheduler1.DataRecurrenceField = "RecurrenceRule"

RadScheduler1.DataRecurrenceParentKeyField = "ParentID"

RadScheduler1.DataSource = mColAppointments

RadScheduler1.DataBind()

Note that mColAppointments is the List(Of JobAppointment) - a collection of Appointment objects.

There are two Issues I can see with the above:

The recurrence rule is in the format used by the windows version. This is probably not being interpreted correctly by the web version. Therefore, I do not see the 5 occurrences from this appointment.
The ID and ParentID are long fields, therefore absence of a parent ID is represented by 0. Unlike the windows version, the web version is treating as if all appointments are appointment occurences. Therefore it displays the "Edit this occurence or Edit the series" dialog.

In both cases, I think the solutiion might lie in doing some sort of translation when reading and writing the recurrence rule and parent id to/from the database. But I am not sure what exactly is required here.

PS - I have not submitted a support ticket as I thought this may be useful to others using this forum.

Any help much appreciated.
Regards.

Scheduler

answered on 29 Nov 2011

6 answers

116 views

Create radgrid between rows of another radgrid

Hello everyone,

I have a bound radgrid with a button and I would like to create another radgrid imediately underneath the clicked button row.

Please see below image links to understand what I'm trying to achive.

Bound radgrid -> http://www.freeimagehosting.net/8a57a
Bound radgrid with another radgrid underneath clicked row -> http://www.freeimagehosting.net/6a981

Please let me know if this is possible to achive and if so, some directions on what to use.

Thanks in advance

Joao

Grid

answered on 29 Nov 2011

2 answers

77 views

LoadOnDemand and CustomValidator

How do you use the CustomValidator and RadComboBox together WHEN LOADONDEMAND is enabled??? Because If user wants to supply a value freehand by typing it in, I have to 1.make sure it is not left on "--- PLEASE SELECT---" 2. check input value against a regex, 2. insert the value into the db if not already there. Please help!

ComboBox

answered on 29 Nov 2011

7 answers

785 views

RadComboBox Custom Validation

Hi there,

I'm trying to use a custom validator to validate a RadComboBox (to ensure the first item is not selected). I have followed an example on the ASP.NET controls that basically said to do this:

    
            function validateGroup(events, args) {  
        
                var combo = <%=RadComboBoxGroupListing.ClientID%>;  
        
                if(combo.GetText() == combo.Items(0).Text)  
        
                {  
        
                    args.IsValid = true;  
        
                }  
        
                else 
        
                {  
        
                    args.IsValid = false;  
        
                }         
        
            }

However it seems as if the GetText method is not defined anymore. From my reading on the AJAX controls it says it is now get_text, but that doesn't work either.

How can I use a custom validator with client-side validation to ensure that the first item of a RadComboBox is not selected?

Thanks!

ComboBox

answered on 29 Nov 2011

10 answers

226 views

ListBox - Empty image don´t appears centralized

Hi Telerik Team,

Please, a little help...

When I run my application in the first time, the image don´t appears centralized. If I transfer one item to listbox and delete, the image is centralized.

Some tip?

Thanks, best

Daniel

<telerik:RadListBox ID="RadListBox2" runat="server" Skin="Sunset" AllowReorder="true"
EnableDragAndDrop="true" SelectionMode="Multiple" Culture="pt-BR" Height="200px" Width="250px"
EmptyMessage="Selecione a(s) Empresa(s)">
<EmptyMessageTemplate>
<img src="images\interrogacao_01.gif" alt="Nenhuma Empresa selecionada" style="vertical-align:middle;">
</EmptyMessageTemplate>
</telerik:RadListBox>

ListBox

answered on 29 Nov 2011

1 answer

100 views

display new line on report after saved with Editor


Hi all:

I use Radeditor to allow user to enter the text then save to database. User can view what they entered through Report

Now the issue is that the <br/> didn't encrypt correctly and the text didn't display with new line. any suggestion?



Example: I save two paragraph to database which entered through Editor.
line 1 <br /><br /><br /><br />line 2 <br/ ><br /><br />



After I display on the report, it supposed to be 

line 1

line 2

line 3



but it displays line1line2line3



Any suggestion?



the code which I defined the Radeditor as below:






<

telerik:RadEditor ID="ProgressNoteEditor" Language="en-GB" AutoResizeHeight="true" NewLineMode="Br" Height="150px" Runat="server"

ContentFilters="ConvertToXhtml,MozEmStrong" MaxTextLength="4000" EditModes="Design"

SkinID="" Width="100%" ToolsFile="~/configurationFile/BasicEditTool.xml" StripFormattingOptions="AllExceptNewLines"

>

<CssFiles>

<telerik:EditorCssFile Value="~/StyleSheets/RadEditorEditArea.css" />

</CssFiles>

<ContextMenus>

<telerik:EditorContextMenu TagName="P">

<telerik:EditorTool Name="Cut" />

<telerik:EditorTool Name="Copy" />

<telerik:EditorTool Name="Paste" />

</telerik:EditorContextMenu>

<telerik:EditorContextMenu TagName="BODY">

<telerik:EditorTool Name="Cut" />

<telerik:EditorTool Name="Copy" />

<telerik:EditorTool Name="Paste" />

</telerik:EditorContextMenu>

</ContextMenus>

</telerik:RadEditor>

Thanks
Helena

Editor

answered on 29 Nov 2011

6 answers

89 views

Can't Scroll over in Grid with IE 9

I have a grid you can see here http://michael.sprayapplications.com/Default.aspx?ReturnUrl=Completed.aspx username tempuser pass t3mpus3r. You can't scroll all the way over in IE 9 within the grid. Just go there and try to scroll horizontally and you'll see what I mean. Any ideas on how to fix this? here is my master page and aspx page.

<%@ Master Language="VB" CodeFile="Main.master.vb" Inherits="Main" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

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

<html>

<head runat="server">

<title></title>

<asp:ContentPlaceHolder ID="head" runat="server">

</asp:ContentPlaceHolder>

<link rel="Stylesheet" type="text/css" href="Main.css" />

<!-- this one is for the https

<script src=

"http://maps.google.com/maps?file=api&;v=2&sensor=false&key=ABQIAAAANvmC5YwARPSDAHoiTGyjXRT5CqG25LA8QqhhYYzIgkFQElYr7hSCxiO74tqOZugjk43atJVaiecSJQ"

type="text/javascript"></script>

-->

<script type="text/javascript">

function callBackWindow(url) {

window.open(url, 'OpenWindow', 'width=750,height=600,left=100,top=50,scrollbars=yes');

return false;

} //callBack

function printTrailerCheck(id) {

var previewWnd = window.open("https://jobs.sprayapplications.com/Jobs/TrailerCheckList.aspx?jid=" + id, 'OpenWindow', 'width=750,height=600,left=100,top=50,scrollbars=yes');

previewWnd.print();

} //callBack

function printToolCheck(id) {

var previewWnd = window.open("https://jobs.sprayapplications.com/Jobs/ToolBoxTalk.aspx?jid=" + id, 'OpenWindow', 'width=750,height=600,left=100,top=50,scrollbars=yes');

previewWnd.print();

} //callBack

function toggle(divid, hrefid) {

//alert(divid + " " + hrefid);

var ele = document.getElementById(divid);

var text = document.getElementById(hrefid);

if (ele.style.display == "block") {

ele.style.display = "none";

text.innerHTML = "Show Text";

}

else {

ele.style.display = "block";

text.innerHTML = "Hide";

}

} //toggle

</script>

</head>

<body id="MasterBody" runat="server" style="margin: 0px; height: 100%; overflow: hidden;">

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

<div id="header">

<a href="~/admin/Default.aspx" runat="server">

<img src="~/images/logo.jpg" style="border: none;" runat="server" /></a>

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

</telerik:RadScriptManager>

<div style="float: right; margin-left: 10px; position: absolute; right: 80px; top: 10px;">

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

</div>

<div style="float: right; right: 20px; top: 10px; position: absolute;">

<asp:LoginStatus runat="server"></asp:LoginStatus>

</div>

<div id="Main">

<telerik:RadToolTip runat="server" ID="messageOut" Height="500px" Width="500px" Position="Center"

RelativeTo="BrowserWindow" ContentScrolling="Y">

</telerik:RadToolTip>

<telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Vertical" Width="100%"

LiveResize="true" Height="520px">

<telerik:RadPane ID="LeftRadPane1" runat="server" Width="220px" Scrolling="None"

BorderStyle="None" BorderSize="0">

<telerik:RadSplitter ID="radsplitter2" runat="server" Orientation="Horizontal" LiveResize="true">

<telerik:RadPane ID="RadPane2" runat="server" Width="220px" Scrolling="None" BorderStyle="None"

bordersize="0">

<telerik:RadPanelBar runat="server" ID="RadPanelBar1" ExpandMode="FullExpandedItem"

Height="100%" Width="220px">

<Items>

<telerik:RadPanelItem Text="Customers" Expanded="True">

<Items>

<telerik:RadPanelItem Text="Add Customer" NavigateUrl="~/Customers/AddCustomer.aspx" />

<telerik:RadPanelItem Text="Customer List" NavigateUrl="~/Customers/CustomerList.aspx" />

<telerik:RadPanelItem Text="System Wide Search" NavigateUrl="~/Customers/Search.aspx" />

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text="Leads">

<Items>

<telerik:RadPanelItem Text="Create Lead" NavigateUrl="~/Leads/CreateLead.aspx" />

<telerik:RadPanelItem Text="Lead List" NavigateUrl="~/Leads/LeadList.aspx" />

<telerik:RadPanelItem Text="Map" NavigateUrl="~/Map.aspx" />

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text="Sales">

<Items>

<telerik:RadPanelItem Text="Sales List" NavigateUrl="~/Sales/SalesList.aspx" />

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text="Bids">

<Items>

<telerik:RadPanelItem Text="Bid List" NavigateUrl="~/Bids/BidList.aspx" />

<telerik:RadPanelItem Text="Bids Lost" NavigateUrl="~/Bids/BidListLost.aspx" />

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text="Jobs">

<Items>

<telerik:RadPanelItem Text="Jobs List" NavigateUrl="~/Jobs/JobsList.aspx" />

<telerik:RadPanelItem Text="Jobs Started" NavigateUrl="~/Started/StartedList.aspx" />

<telerik:RadPanelItem Text="Jobs Completed" NavigateUrl="~/Jobs/Completed.aspx" />

<telerik:RadPanelItem Text="Fixes" NavigateUrl="~/Fixes/FixList.aspx" />

<telerik:RadPanelItem Text="Completed Fixes" NavigateUrl="~/Jobs/CompletedFixes.aspx" />

<telerik:RadPanelItem Text="Map" NavigateUrl="~/JobMap.aspx" />

<telerik:RadPanelItem Text="Default Crew Members" NavigateUrl="~/jobs/DefaultCrew.aspx" />

<telerik:RadPanelItem Text="Warranty Totals" NavigateUrl="~/Jobs/Warranty.aspx" />

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text="Messaging">

<Items>

<telerik:RadPanelItem Text="Compose Message" NavigateUrl="~/Messaging/SendMessage.aspx" />

<telerik:RadPanelItem Text="View Messages" NavigateUrl="~/Messaging/ViewMessages.aspx" />

<telerik:RadPanelItem Text="Daily Notes" NavigateUrl="~/Messaging/DailyNotes.aspx" />

<telerik:RadPanelItem Text="Daily Notes Log" NavigateUrl="~/Messaging/NotesLog.aspx" />

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text="Administration" Visible="false">

<Items>

<telerik:RadPanelItem Text="Add Employees" NavigateUrl="~/admin/AddEmployees.aspx" />

<telerik:RadPanelItem Text="Delete Employees" NavigateUrl="~/admin/DeleteEmployees.aspx" />

<telerik:RadPanelItem Text="Commission" NavigateUrl="~/admin/Commission.aspx" />

<telerik:RadPanelItem Text="Crew Leader Profits" NavigateUrl="~/admin/CrewLeaderProfit.aspx" />

<telerik:RadPanelItem Text="Estimates/Actuals" NavigateUrl="~/admin/EstimatesActuals.aspx" />

<telerik:RadPanelItem Text="Actuals" NavigateUrl="~/admin/ActualsList.aspx" />

<telerik:RadPanelItem Text="K & L" NavigateUrl="~/admin/KandL.aspx" />

<telerik:RadPanelItem Text="Variables" NavigateUrl="~/admin/Variables.aspx" />

<telerik:RadPanelItem Text="Inventory" NavigateUrl="~/admin/Inventory.aspx" />

<telerik:RadPanelItem Text="Safety Topics" NavigateUrl="~/admin/SafetyTopicPrint.aspx" />

<telerik:RadPanelItem Text="Crew Ratings" NavigateUrl="~/admin/CrewRatings.aspx" />

<telerik:RadPanelItem Text="Weekly Start Time" NavigateUrl="~/admin/StartTime.aspx" />

<telerik:RadPanelItem Text="Reference List" NavigateUrl="~/admin/ReferenceList.aspx" />

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text="Products">

<Items>

<telerik:RadPanelItem Text="Add Products" NavigateUrl="~/admin/AddProducts.aspx" />

<telerik:RadPanelItem Text="Edit Products" NavigateUrl="~/admin/EditProducts.aspx" />

<telerik:RadPanelItem Text="Delete Products" NavigateUrl="~/admin/DeleteProducts.aspx" /> </Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

<telerik:RadSplitBar runat="server" ID="RadSplitBar2" CollapseMode="Forward" EnableResize="true"

ForeColor='Green' />

<telerik:RadPane ID="RightRadPane1" runat="server" CssClass="RightPanelPadding" Scrolling="Both"

BorderStyle="None" BorderSize="0">

<div style="margin-left: 10px;">

<telerik:radtooltip runat="server" id="callBack" height="400px" width="600px" position="Center"

relativeto="BrowserWindow" ManualClose="true" ContentScrolling="Auto">

</telerik:radtooltip><asp:ContentPlaceHolder ID="mainContentPlaceHolder" runat="server">

</asp:ContentPlaceHolder></div>

</telerik:RadPane>

</telerik:RadSplitter>

</div>

</form>

</body>

</html>

Aspx page

<td>

<asp:Button ID="updateDate" Text="Show" runat="server" />

</td>

<td> <telerik:RadTextBox ID="searchInput" runat="server">

</telerik:RadTextBox>

<asp:Button ID="searchGrid" runat="server" Text="Search" />

<asp:Button ID="Reset" runat="server" Text="reset" />

<br /></td>

</tr>

</table>

<telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None" AllowPaging="True"

AllowSorting="True" AutoGenerateColumns="false" PageSize="50" Height="410px">

<MasterTableView DataKeyNames="LeadId" AutoGenerateColumns="false">

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="Edit" HeaderText="<span style='visibility: hidden;'>a</span>" SortExpression="Edit"

UniqueName="Edit" HeaderStyle-Width="40px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Branch" HeaderText="Branch" SortExpression="Branch"

UniqueName="Branch">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="labor" HeaderText="Labor" SortExpression="Labor"

UniqueName="Labor" HeaderStyle-Width="100px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CrewChief" HeaderText="Crew Chief" SortExpression="Crew Chief"

UniqueName="Crew Chief">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Fix" HeaderText="Fixes" SortExpression="Fix"

UniqueName="Fix">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Trailer" HeaderText="Check List" SortExpression="Trailer"

UniqueName="Trailer">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Tool" HeaderText="Toolbox CheckList" SortExpression="Tool"

UniqueName="Tool">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TypeRoof" HeaderText="Roof Type" SortExpression="TypeRoof"

UniqueName="TypeRoof">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SqFeet" HeaderText="SqFeet" SortExpression="SqFeet"

UniqueName="Sqfeet" DataFormatString="{0:###,###,###,###.##}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Coatings" HeaderText="Coatings" SortExpression="Coatings"

UniqueName="Coatings">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="fullName" HeaderText="Customer" SortExpression="fullName"

UniqueName="fullName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="business" HeaderText="Business Name" SortExpression="business"

UniqueName="business">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ContactPhone" HeaderText="Contact Phone" SortExpression="ContactPhone"

UniqueName="ContactPhone">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CellPhone" HeaderText="Cell Phone" SortExpression="CellPhone"

UniqueName="CellPhone">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Phone" HeaderText="Office Phone" SortExpression="Phone"

UniqueName="Phone">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="JobAddress" HeaderText="Job Address" SortExpression="JobAddress"

UniqueName="JobAddress">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="JobCity" HeaderText="Job City" SortExpression="JobCity"

UniqueName="JobCity">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="JobState" HeaderText="Job State" SortExpression="JobState"

UniqueName="JobState">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="JobZip" HeaderText="Job Zip" SortExpression="JobZip"

UniqueName="JobZip">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="LocationofJob" HeaderText="Name of Building" SortExpression="LocationofJob"

UniqueName="LocationofJob">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Amount" HeaderText="Amount" SortExpression="Amount"

UniqueName="Amount">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DateCompleted" HeaderText="Completed Date" SortExpression="DateCompleted"

UniqueName="DateCompleted">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Warranty" HeaderText="Warranty" SortExpression="Warranty"

UniqueName="Warranty">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="OtherInfo" HeaderText="Other Info" SortExpression="OtherInfo"

UniqueName="OtherInfo">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Salesman" HeaderText="Salesman" SortExpression="Salesman"

UniqueName="Salesman">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Code" HeaderText="Code" SortExpression="Code"

UniqueName="Code">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="LeadId" HeaderText="ID" SortExpression="LeadId"

UniqueName="LeadId">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<HeaderStyle Width="100px" />

<ClientSettings>

<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True">

</Scrolling>

</ClientSettings>

</telerik:RadGrid>

<asp:Label ID="output" runat="server" Text=""></asp:Label><br />

<asp:Button ID="export" Text="Export Data to Excel" runat="server" />

</asp:Content>

I can provide a full copy of the site and db if need be.

Grid

answered on 29 Nov 2011

11 answers

169 views

EnableAJAX in grid

Hi I have a problem! I use RadGrid and RadAjaxPanel and I want to enable ajax because in Grid I have a button and it is downloading something.
I have a code like this
void Download_Click(object sender, EventArgs e)
{
if (flag)
{
Download();
}
else
{
Don'tDownload();
}
}
And I have script like this

function onRequestStart(ajaxManager, eventArgs)

{

if (eventArgs.get_eventTarget().indexOf("DownloadButton") != -1)

eventArgs.set_enableAjax(false);

}

</script>

But this script enabled ajax alway! but i want that it enabledAjax only if it download... How I can do this? Thanks)))

Ajax

answered on 29 Nov 2011

4 answers

225 views

Date Time Col Doesnt Find Date in Timestamp

Using a GridDateTimeColumn for a timestamp field and I want the users to be able to search the dates IE "10-25-2009" but because its a timestamp field "2009-10-25 12:12:01" it never seems to find any results even though there are records for the dates. How do I resolve this?

Grid