Questions on UI for ASP.NET AJAX Forum

1 answer

141 views

Hi all,
I'm using raddocks in my application.
Everythinng working fine.
I'm loading the custom controls which contain radgrid in raddock.
My problem is suppose if I have 10 records in radgrid I need to set the height of the docks to exactly for fitting 10 records.
I'm able to do it for the first time of creating dock.
Grid will get refresh for every 15 secs for example.
After refresh dock will be created from state,at the point of time also I'm also I'm trying to set the dock height ,but its not taking.
How to get rid of this problem, Please help me asap. Its urgent.
Here is my code.

private RadDock CreateRadDock(int i)

{

RadDock dock = new RadDock();

dock.DockMode = DockMode.Docked;

dock.EnableAnimation = true;

dock.EnableRoundedCorners = true;

dock.EnableEmbeddedSkins = true;

dock.TitlebarContainer.BorderColor = System.Drawing.ColorTranslator.FromHtml("#548264");

dock.TitlebarContainer.HorizontalAlign = HorizontalAlign.Left;

dock.Resizable = true;

dock.UniqueName = Guid.NewGuid().ToString();

dock.ID = string.Format("RadDock{0}", dock.UniqueName);

switch (i)

{

case 1:

dock.ID = "1";

dock.Tag = "1";

break;

case 2:

dock.ID = "2";

dock.Tag = "2";

break;

case 3:

dock.ID = "3";

dock.Tag = "3";

break;

case 4:

dock.ID = "4";

dock.Tag = "4";

break;

case 5:

dock.ID = "5";

dock.Tag = "5";

break;

case 6:

dock.ID = "6";

dock.Tag = "6";

break;

}

dock.Width = Unit.Pixel(460);

//assign client-side event handler

dock.OnClientInitialize = "Dock_OnClientInitialize";

DockCloseCommand closeCommand = new DockCloseCommand();

closeCommand.AutoPostBack = true;

DockExpandCollapseCommand expandCommand = new DockExpandCollapseCommand();

dock.OnClientCommand = "ClientCommand";

DockToggleCommand maximizeCommand = new DockToggleCommand();

maximizeCommand.Name = "Maximize";

maximizeCommand.Text = "Maximize";

maximizeCommand.OnClientCommand = "Dock_OnMaximizeCommand";

maximizeCommand.AlternateText = "Restore";

maximizeCommand.CssClass = "max";

maximizeCommand.AlternateCssClass = "min";

dock.OnClientResizeEnd = "OnresizeEnd";

dock.ContentContainer.Style.Add(HtmlTextWriterStyle.OverflowX, "hidden");

dock.Skin = "Outlook";

setDockName();

switch (dock.ID)

{

case "1":

Control widget = LoadControl("~/DashBoard/Controls/AlarmSummaryCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock1_Command);

dock.ContentContainer.Controls.Add(widget);

dock.Title = "Alarm Summary";

dock.Height = Unit.Pixel(getAlrmDockHeight());

break;

case "2":

widget = LoadControl("~/DashBoard/Controls/ActiveCallsCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock2_Command);

dock.Title = "Active Calls";

dock.ContentContainer.Controls.Add(widget);

dock.Height = Unit.Pixel(165);

break;

case "3":

widget = LoadControl("~/DashBoard/Controls/PendingCallsCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock3_Command);

dock.Title = "Pending Calls";

dock.ContentContainer.Controls.Add(widget);

dock.Height = Unit.Pixel(165);

break;

case "4":

widget = LoadControl("~/DashBoard/Controls/CallActivityForConsoleCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock4_Command);

dock.Title = consleDocTitle;

dock.ContentContainer.Controls.Add(widget);

dock.Height = Unit.Pixel(165);

break;

case "5":

widget = LoadControl("~/DashBoard/Controls/CallActivityForDispatchrCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock5_Command);

dock.Title = disptrDocTitle;

dock.ContentContainer.Controls.Add(widget);

dock.Height = Unit.Pixel(165);

break;

case "6":

widget = LoadControl("~/DashBoard/Controls/CallActivityForEndPntCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock6_Command);

dock.Title = endPntDocTitle;

dock.ContentContainer.Controls.Add(widget);

dock.Height = Unit.Pixel(165);

break;

}

dock.OnClientDockPositionChanged = "dockPositionChanged";

dock.Commands.Add(closeCommand);

dock.Commands.Add(maximizeCommand);

dock.Commands.Add(expandCommand);

return dock;

}

Creating dock from state:

private RadDock CreateRadDockFromState(DockState state)

{

RadDock dock = new RadDock();

dock.EnableAnimation = true;

dock.DockMode = DockMode.Docked;

dock.EnableRoundedCorners = true;

dock.EnableEmbeddedSkins = true;

dock.TitlebarContainer.BorderColor = System.Drawing.ColorTranslator.FromHtml("#548264");

dock.UniqueName = state.UniqueName;

dock.ID = string.Format("RadDock{0}", state.UniqueName);

dock.ApplyState(state);

dock.Resizable = true;

dock.Skin = "Outlook";

DockCloseCommand closeCommand = new DockCloseCommand();

closeCommand.AutoPostBack = true;

DockExpandCollapseCommand expandCommand = new DockExpandCollapseCommand();

expandCommand.AutoPostBack = false;

DockToggleCommand maximizeCommand = new DockToggleCommand();

maximizeCommand.Name = "Maximize";

maximizeCommand.Text = "Maximize";

maximizeCommand.OnClientCommand = "Dock_OnMaximizeCommand";

maximizeCommand.AlternateText = "Restore";

maximizeCommand.CssClass = "max";

maximizeCommand.AlternateCssClass = "min";

//assign client-side event handler

dock.OnClientInitialize = "Dock_OnClientInitialize";

dock.OnClientCommand = "ClientCommand";

dock.ContentContainer.Style.Add(HtmlTextWriterStyle.OverflowX, "hidden");

dock.TitlebarContainer.HorizontalAlign = HorizontalAlign.Left;

dock.OnClientResizeEnd="OnresizeEnd";

setDockName();

dock.ApplyState(state);

switch (state.Tag)

{

case "1":

Control widget = LoadControl("Controls/AlarmSummaryCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock1_Command);

dock.ID = "1";

dock.Title = "Alarm Summary";

dock.ContentContainer.Controls.Add(widget);

dock.Height = Unit.Pixel(getAlrmDockHeight());

state.Height = Unit.Pixel(getAlrmDockHeight());

break;

case "2":

widget = LoadControl("Controls/ActiveCallsCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock2_Command);

dock.ID = "2";

dock.Title = "Active Calls";

dock.ContentContainer.Controls.Add(widget);

break;

case "3":

widget = LoadControl("Controls/PendingCallsCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock3_Command);

dock.ID = "3";

dock.Title = "Pending Calls";

dock.ContentContainer.Controls.Add(widget);

break;

case "4":

widget = LoadControl("Controls/CallActivityForConsoleCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock4_Command);

dock.ID = "4";

dock.Title = consleDocTitle;

dock.ContentContainer.Controls.Add(widget);

break;

case "5":

widget = LoadControl("Controls/CallActivityForDispatchrCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock5_Command);

dock.ID = "5";

dock.Title = disptrDocTitle;

dock.ContentContainer.Controls.Add(widget);

break;

case "6":

widget = LoadControl("Controls/CallActivityForEndPntCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock6_Command);

dock.ID = "6";

dock.Title = endPntDocTitle;

dock.ContentContainer.Controls.Add(widget);

break;

}

dock.OnClientDockPositionChanged = "dockPositionChanged";

dock.Commands.Add(closeCommand);

dock.Commands.Add(maximizeCommand);

dock.Commands.Add(expandCommand);

return dock;

}

getAlrmDockHeight() return height.
Pls help me asap.

Dock

answered on 25 Jan 2012

3 answers

155 views

[Solved] DatePicker and Javascript

Greetings,

I need to get the selected date of a RadDateTimePicker within a JS function.

I already tried to get a reply by searching on this board.
What i have so far is this :

var picker = $find("<%= StartDate.ClientID %>");

Then i need to pass this variable by url like this ( first one works perfectly )
Problem : it just displays : [OBJECT][OBJECT] instead of the selectedDate when i get to this aspx page.

window.open("FrequencyByUser.aspx?id=" + this.id + "&Start=" + picker, "fenetre_popup", "toolbar=no,location=no,directories=no,status=no,menubar=no,resizable=no,scrollbars=no,width=800,height=350"); ;

Thanks a lot for your help

Calendar

answered on 25 Jan 2012

1 answer

84 views

show own node when no records available

Hello,

I fill a treeview with a ObjectDataSource object. It may be that the ObjectDataSource object does not return a record supplies. Should this be the case, then, a node can be displayed. How can I realize something like that?

<telerik:RadTreeView ID="RadTreeView1" Runat="server" DataFieldID="LayoutID"

DataFieldParentID="ParentID" DataSourceID="ObjectDataSource1"

DataTextField="LayoutName" DataValueField="LayoutArt"

onnodedatabound="RadTreeView1_NodeDataBound"

Width="100%" oncontextmenuitemclick="RadTreeView1_ContextMenuItemClick">

Hope you can understand me.

No record from DataSource - own node to be displayed
Records available from DataSource - no separate node

Best regards
Reiner

TreeView

answered on 25 Jan 2012

1 answer

66 views

Advanced Form -- Calendar population

The issue that I am seeing is when I add another calendar to my scheduler, it does not populate in the advanced form calendar drop down until a total refresh (cntrl + f5) is done on the page. I can see the resources getting returned when doing a postback refresh from the getResources javascript call. Is there a way to ensure the edit drop down is refreshed upon a partial post back? My server side code for the post back is below (The code is not totally optimized yet, as I am just trying to figure out why this is happening).

<telerik:RadScheduler runat="server" ID="rsMySchedule" SelectedView="DayView"

FirstDayOfWeek="Sunday" LastDayOfWeek="Saturday" Reminders-Enabled="false"

Skin="Windows7"

MonthView-VisibleAppointmentsPerDay="10"

StartEditingInAdvancedForm="false"

ShowAllDayRow="true"

EnableDescriptionField="true"

AppointmentStyleMode="Default"

EnableExactTimeRendering="true"

OverflowBehavior="Expand"

OnClientAppointmentDataBound="rsMySchedule_appointmentsDataBound"

OnClientResourcesPopulating="rsMySchedule_resourcePopulating"

OnClientAppointmentsPopulating="rsMySchedule_appointmentsPopulating"

OnClientRequestFailed = "rs_MySchedule_clientRequestFailed"

WeekView-UserSelectable="true"

MultiDayView-UserSelectable="false"

TimelineView-UserSelectable="false" >

<AdvancedForm Modal="true" />

<WebServiceSettings Path="~/Services/SchedulerWebService.asmx" />

<TimeSlotContextMenuSettings EnableDefault="true" />

<AppointmentContextMenuSettings EnableDefault="true" />

</telerik:RadScheduler>

private void InitializeResources()

{

var resources = GetUserCalendars(CurrentUserID);

SchedulerWebService oService = new SchedulerWebService();

var rsxTypes = oService.GetResourceTypes(null);

rsMySchedule.Resources.Clear();

if (!IsPostBack) rsMySchedule.ResourceTypes.AddRange(rsxTypes);

rsMySchedule.Resources.AddRange(

resources

.Select(rsx => new Telerik.Web.UI.Resource(rsx.Type, rsx.Key, rsx.Text))

.ToList()

);

}

Scheduler

answered on 25 Jan 2012

3 answers

76 views

Grid weird Selected on Alternate row when we have an AlternateStyle applied

Created a theme from Black using the Style Builder.

Everything looks great except for we have a selected row on an Alternate Row that has an AlternateRow Style.

What's happening is it looks like there's a conflict between the Selected Row style and the AlternateRow style, the Selected Row style is never applied to it. I spent 5 hours yesterday working with the .css file for my grid to no avail (I'm not a CSS expert by a long shot so...).

What I did is I created multiple styles using Style Builder and all had the issue in common.

Does anyone know which css needs to be changed/applied.

Any documentation on the css used? I found some but it was for ASP.Net and not ASP.Net Ajax on the Telerik site.

Thanks

Visual Style Builder

answered on 25 Jan 2012

1 answer

71 views

Un-resolved problem or ??...Please help

I having the same problem explained in this post

http://www.telerik.com/community/forums/aspnet-ajax/grid/need-help-with-grid-scrollbar-and-browser-scrollbar.aspx

I searched the forums looking for the solution, but I can't find anything.

The problem is:
if I use

</ClientSettings>

Then RadGrid shows the vertical/horizontal scrollbars on the RadGrid AND in the BROWSER WINDOW.
If you use the proposed solution on the above post (<body scroll="no" style="overflow: hidden">), then, if the radgrid rows go beyond the browser window size, then the radgrid is cut and you can't scrolldown, because the scrollbar is hidden.

How I can just show the RadGrid scrollbar and not the browser scrollbar at the same time?
Any work around ?

Thanks in advance

Jose

Grid

answered on 25 Jan 2012

3 answers

186 views

Dropdown list not showing after comma

Hi guys,

I'm evaluating the Telerik ASP.NET AJAX library and one issue that's somewhat of a deal breaker is the erratic behavior of the multi column combobox.

The combobox displays the names of people in the following format 'Last name,Firstname'
It works fine until I type a character after the comma. Then I don't get any results in the combobox dropdown.

So when I search for 'SMITH,J' my SQL query brings a few records into the datatable. But they don't get displayed in the dropdown.

At the bottom of the dropdown, I have displayed the count of records and it shows the correct number there (e.g 3) but no rows appear.

here's some code from my ASPX page
You can view the live page at https://erxrequest.rnahealth.com/newAmos/Customer.aspx
(use the customer search combobox)

<telerik:RadComboBox ID="RadCmb_CustName" AllowCustomText="true" runat="server" Width="289px"
Height="200px" EmptyMessage="Search for Customer..." EnableLoadOnDemand="true"
ShowMoreResultsBox="true" EnableVirtualScrolling="true" CloseDropDownOnBlur="true"
ChangeTextOnKeyBoardNavigation="true" CollapseAnimation-Type="InBack" ExpandAnimation-Type="InBack"
IsCaseSensitive="true" Filter="Contains" HighlightTemplatedItems="true" OnClientItemsRequested="UpdateItemCountField"
OnDataBound="RadCmb_CustName_DataBound" OnItemDataBound="RadCmb_CustName_ItemDataBound"
LoadingMessage="Loading....." DropDownWidth="600px" OpenDropDownOnLoad="false"
ShowWhileLoading="true" ShowToggleImage="true" ShowDropDownOnTextboxClick="false"
OnItemsRequested="RadCmb_CustName_ItemsRequested">

<HeaderTemplate>
<ul>
<li class="col4">Patient</li>
<li class="col1">Facility</li>
<li class="col2">Room #</li>
<li class="col3">Date of Borth</li>
<li class="col3">Active/Deactive</li>
</ul>
</HeaderTemplate>
<ItemTemplate>
<ul>
<li class="col4">
<%# DataBinder.Eval(Container.DataItem, "CCUSNM") %></li>
<li class="col1">
<%# DataBinder.Eval(Container.DataItem, "CNHABR") %></li>
<li class="col2">
<%# DataBinder.Eval(Container.DataItem, "CRMNO") %></li>
<li class="col3">
<%# DataBinder.Eval(Container.DataItem, "CBRTHD") %></li>
<li class="col3">
<%# DataBinder.Eval(Container.DataItem, "CRCDCD") %></li>
</ul>
</ItemTemplate>

ComboBox

answered on 25 Jan 2012

2 answers

747 views

[Solved] Get all items of RadListBox

Hi,,
I am using RadListBox, I want to get all values of listbox.
I am tying to use "get_items" method But it is showing foll. error.
Uncaught TypeError: Object [object Object] has no method 'get_items'

ASPX code

<script type="text/javascript" charset="utf-8">

$(document).ready(function() {

$('#<%=btnViewAssignedSlots.ClientID %>').click(function() {

var list = $('#<%= rdLstSource.ClientID %>');

var items = list.get_items();

var firstItem = items.getItem(0);

alert(firstItem);

}

});

</script

>



<telerik:RadListBox runat="server" ID="rdLstSource" Height="200px" Width="230px"

                        AutoPostBackOnTransfer="false" AllowTransfer="true" TransferToID="rdLstDestination"

                        AllowTransferOnDoubleClick="true" EnableDragAndDrop="true" ButtonSettings-ShowTransferAll="true">

                        <Items>

                            <telerik:RadListBoxItem Text="Sunday" Value="1" />

                            <telerik:RadListBoxItem Text="Monday" Value="2"/>

                            <telerik:RadListBoxItem Text="Tuesday" Value="3"/>

                            <telerik:RadListBoxItem Text="Wednesday" Value="4"/>

                            <telerik:RadListBoxItem Text="Thursday" Value="5"/>

                            <telerik:RadListBoxItem Text="Friday" Value="6"/>

                            <telerik:RadListBoxItem Text="Saturday" Value="7"/>

                        </Items>

                    </telerik:RadListBox>

Please help me to solve.

ListBox

answered on 25 Jan 2012

6 answers

245 views

[Solved] Problem because same edit form template used for updates and inserts

Hi

I am using an edit form template within a radgrid. My edit form template is used to update Customer records. One of the fields in my customer table is TitleID which is a foreign key to the Titles table. This table contains records such as Mr, Mrs Miss etc. The form template contains a drop down list of these titles which is populated from the database. The SelectedValue property of the dropdown list is set to the TitleID of the current record. This is achieved like so

    
             <asp:DropDownList ID="cboTitle" runat="server" DataTextField="Title" DataValueField="TitleID" 

            SelectedValue='<%# Bind("ContactTitleID") %>'     DataSource='<%# (GetTitles()) %>'>  
        
                            </asp:DropDownList><br />

This code works fine for automatic updates. However when i try to perform an insert I get an error binding to the drop down list

    
            'cboTitle' has a SelectedValue which is invalid because it does not exist in the list of items.  
        
            Parameter name: value

I understand what is causing this error. Naturally for an empty record the value for Bind("ContactTitleID") is an empty string whereas this is not one of the items in the drop down list of titles.

How can i overcome this whilst still performing automatic inserts and updates? I can populate the drop down list of titles and the selected value in the ItemDataBound event but then the SelectedValue property of the of the cboTitles dropdown list is not passed to the ContactTitleID field because this control is not bound to this field.

I think this problem is avoided in standard grids because they have different templates for inserts and updates.

Many thanks

Grid

answered on 25 Jan 2012

1 answer

120 views

RadEditor in RadSplitter or RadMultipage - attached click event does not fire on the editor

Hello Telerik team,
We have discovered an issue with the RadEditor in a RadMultiPage or a RadSplitter (RadControls For Asp.NET Ajax, version 2011.3.1305.40) . In our scenario, we are attaching a click event handler to the editor as soon as it loads. The click handler fires correctly when the editor is not nested within a splitter or a multipage. We require to have the editor within a RadPageView in a RadSplitter, so please advise us on how to fix this issue.
Below there is some test code we have used:

<telerik:RadCodeBlock ID="rcb" runat="server">

<script type="text/javascript">

//TEST SCENARIO1 - editor in RadMultiPage

function EditorOnClientLoad(editor, args) {

editor.attachEventHandler("onclick", function (e) {

alert('Editor clicked!');

});

}

//TEST SCENARIO2 - editor in RadSplitter

function Editor1OnClientLoad(editor, args) {

editor.attachEventHandler("onclick", function (e) {

alert('Editor1 clicked!');

});

}

</script>

</telerik:RadCodeBlock>

<%--TEST SCENARIO1--%>

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Office2007" MultiPageID="RadMultiPage1"

SelectedIndex="0">

<Tabs>

<telerik:RadTab runat="server" Text="Description" Value="Description" PageViewID="RadPageView1">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Content" Value="Content" PageViewID="RadPageView2">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" Height="430px">

<telerik:RadPageView ID="RadPageView1" runat="server">

<div id="div1" runat="server" >

<div id="div2" runat="server" >

....

</div>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView2" runat="server">

<table cellpadding="0" cellspacing="5">

<tr>

<td align="right" valign="middle">

Message

</td>

<td valign="middle">

<telerik:RadEditor ID="editorMessage" runat="server" Skin="Office2007" EnableResize="false"

OnClientLoad="EditorOnClientLoad">

</telerik:RadEditor>

</td>

</tr>

</table>

</telerik:RadPageView>

</telerik:RadMultiPage>

<%--TEST SCENARIO 2--%>

<telerik:RadSplitter ID="rs1" runat="server" Width="800px">

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

<telerik:RadEditor ID="RadEditor1" runat="server" Skin="Office2007" EnableResize="false"

OnClientLoad="Editor1OnClientLoad">

</telerik:RadEditor>

</telerik:RadPane>

</telerik:RadSplitter>

None of the above test scenarios fire the click handler of the RadEditor. Moreover, in the RadMultiPage scenario, Google Chrome shows an error when clicking the second tab:

Uncaught TypeError: Cannot read property 'tagName' of null
1. Telerik.Web.UI.Editor.Selection.getParentElementTelerik.Web.UI.WebResource.axd:11064
2. a.RadEditor.getSelectedElementTelerik.Web.UI.WebResource.axd:11542
3. a.RadEditor.getToolValueTelerik.Web.UI.WebResource.axd:11574
4. Telerik.Web.UI.Editor.DefaultToolAdapter.setToolStateTelerik.Web.UI.WebResource.axd:8420
5. Telerik.Web.UI.Editor.DefaultToolAdapter._onEditorSelectionChangeTelerik.Web.UI.WebResource.axd:8571
6. (anonymous function)Telerik.Web.UI.WebResource.axd:6
7. (anonymous function)Telerik.Web.UI.WebResource.axd:6
8. Telerik.Web.UI.RadWebControl.raiseEventTelerik.Web.UI.WebResource.axd:779
9. Type.callBaseMethodTelerik.Web.UI.WebResource.axd:6
10. a.RadEditor.raiseEventTelerik.Web.UI.WebResource.axd:11307
11. a.RadEditor.set_htmlTelerik.Web.UI.WebResource.axd:11875
12. a.RadEditor.onParentNodeChangedTelerik.Web.UI.WebResource.axd:11530
13. a.RadEditor.repaintTelerik.Web.UI.WebResource.axd:12135
14. window.$telerik.window.TelerikCommonScripts.Telerik.Web.CommonScripts.repaintChildrenTelerik.Web.UI.WebResource.axd:96
15. Telerik.Web.UI.RadPageView.showTelerik.Web.UI.WebResource.axd:3884
16. Telerik.Web.UI.RadMultiPage._selectPageViewByIndexTelerik.Web.UI.WebResource.axd:3945
17. Telerik.Web.UI.RadPageView._selectTelerik.Web.UI.WebResource.axd:3874
18. Telerik.Web.UI.RadTab._selectPageViewTelerik.Web.UI.WebResource.axd:3040
19. Telerik.Web.UI.RadTab.selectTelerik.Web.UI.WebResource.axd:3144
20. Telerik.Web.UI.RadTab.clickTelerik.Web.UI.WebResource.axd:3092
21. Telerik.Web.UI.RadTabStrip._clickTelerik.Web.UI.WebResource.axd:3556
22. Telerik.Web.UI.EventMap._onDomEventTelerik.Web.UI.WebResource.axd:2489
23. (anonymous function)Telerik.Web.UI.WebResource.axd:6
24. g

As a note, we have just upgraded our RadControls from version 2011.2.915 (the click handler of the editor worked fine with this version) to the latest version.
Please provide us with a solution to this problem.
Thank you.

Ajax

answered on 25 Jan 2012