Questions on UI for ASP.NET AJAX Forum

1 answer

91 views

When we switch to the timeline view of our calendar the view shows up with scrollbars and you cannot see the pop out calendar. I attached a screen shot.

Sorry I posted this in the wrong forum, I re-posted it in the Scheduler forum where it belongs..... :)

Calendar

answered on 20 Jan 2010

2 answers

77 views

[Solved] How to Make Insert/Edit's EditForm Not to Appear Together in a Grid?

Version:
Q2 2009 NET35
Senario:
If user click "Add New Record" in midst of editing a row, how to close the preview editform (Edit Mode, cancel all edit transcation) and open a new editform (Insert Mode) instead of allow 2 editforms appear together in the grid?

Grid

answered on 20 Jan 2010

2 answers

229 views

XmlHttpPanel not updating RadComboBox

My intent is to update the second RadComboBox from the xmldatasource but I foudn the Databind() call wasnt working. I commented out that code and tried a simpler population approach (in case theres a problem with my Xpath to the xmldatasource) but its still not working. I have seen references in the forum to needing to set these properties in the RadComboBox

RegisterWithScriptManager="false"

EnableClientScriptEvaluation="true"

but it hasnt succeeded. What mistake am I making?

Also, why isnt the source code for the webservices files provided with the examples on using webservice with RadXmlHttpPanel?

I couldnt find an example which showed the webservice method required to populate a RadComboBox using RadXmlHttpPanel.

Thanks for any assistance

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxCombo.aspx.cs" Inherits="AjaxCombo" %>

<%@ 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">

<title>Untitled Page</title>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

function SetValue(combo, args)

{

var value = combo.get_value();

var panel = $find("<%=RadXmlHttpPanel1.ClientID %>");

panel.set_value(value);

}

</script>

</telerik:RadScriptBlock>

.combobox-panel

{

width: 750px;

height: 64px;

background: transparent url( 'Images/backgrounds/div_rounded.png' ) no-repeat 0 0;

margin-bottom: 30px;

text-align: center;

}

.combobox-panel .RadComboBox

{

margin-top: 20px;

}

</style>

</head>

<body>

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

</telerik:RadScriptManager>

<telerik:RadComboBox ID="RadComboBox1" runat="server" Width="289px" Height="200px"

DataSourceID="XmlDataSource1" DataValueField="ID" DataTextField="name" EmptyMessage="Choose a council..."

OnClientSelectedIndexChanged="SetValue">

</telerik:RadComboBox>

</div>

<telerik:RadXmlHttpPanel ID="RadXmlHttpPanel1" runat="server" OnServiceRequest="RadXmlHttpPanel1_ServiceRequest">

<telerik:RadComboBox ID="RadComboBox2" runat="server" Width="289px" Height="200px"

EmptyMessage="Choose a plan..." Visible="False">

</telerik:RadComboBox>

</div>

</telerik:RadXmlHttpPanel>

<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="App_Data/ClientData.xml"

XPath="clients/client/documents/document" />

<asp:XmlDataSource ID="XmlDataSource2" runat="server" DataFile="App_Data/ClientData.xml" />

</form>

</body>

</html>

protected void RadXmlHttpPanel1_ServiceRequest(object sender, Telerik.Web.UI.RadXmlHttpPanelEventArgs e)

{

//XmlDataSource2.XPath = "clients/client[@ID='" + e.Value + "']/documents/document";

//RadComboBox2.DataSourceID = XmlDataSource2.ID;

//RadComboBox2.DataBind();

//RadComboBox2.Visible = true;

ArrayList itemsList = new ArrayList();

itemsList.Add("Beverages");

itemsList.Add("Condiments");

itemsList.Add("Confections");

RadComboBox2.DataSource = itemsList;

RadComboBox2.DataBind();

RadComboBox2.Visible = true;

}

XmlHttpPanel

answered on 20 Jan 2010

7 answers

197 views

ToolTipZoneID And Master Pages

hi
i have radtooltip manager placed in my master pages which i want to use to tooltipify only the form elements throughout my application. All of my forms are enclosed within a DIV for css formatting purposes so the tooltipzoneid seemed like an ideal way of setting this up. i placed the following tooltip manager in the master page:

                        <telerik:RadToolTipManager runat="server" ID="RadToolTipManager2" Width="200px" Height="75px"
                            ContentScrolling="None" OffsetX="0" OffsetY="-8" RelativeTo="Element" Position="TopCenter"
                            Animation="None" Skin="Sitefinity" ShowEvent="OnMouseOver" ShowCallout="true"
                            HideEvent="LeaveTargetAndToolTip" HideDelay="3000" AutoTooltipify="true" ToolTipZoneID="edForm">
                        </telerik:RadToolTipManager>

... and in the detail pages that required tooltipifying, i typically have something like this:

                    <div id="edForm">
                        <fieldset>
                            <legend>Link Details</legend>
                            <div class="fm-req">
                                <label for="wtl_name">
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" Text="*"
                                        ErrorMessage="The Name field is required." ControlToValidate="wtl_name"></asp:RequiredFieldValidator>Name:</label>
                                <asp:TextBox runat="server" ID="wtl_name" Text='<%# Bind("wtl_name") %>' MaxLength="100"
                                    ToolTip="Used to identify this tracked link (for your internal use only)."></asp:TextBox>
                            </div>
                        </fieldset>
                    </div>

Unfortunately, this setup does not seem to work. When the radtooltip manager is in the master page, everything on the page is tooltipified, irrespective of the zone ID. When i move the manager to the detail page, only those elements within the div are tooltipified.

Is there anything that can be done about this?
cheers,
rob

ToolTip

answered on 20 Jan 2010

11 answers

351 views

[Solved] Add New RadDock to Top of RadDockZone

My users would like the newest RadDock to be placed above the existing RadDocks in a given RadDockZone. The default behavior is to add the newest RadDock to the bottom. How is this possible?

I am currently adding new RadDocks using "RadDock.Dock(RadDockZone)".

Would I be able to use something like "rdlDockLayout.RegisteredDocks.Reverse()" or "rdlDockLayout.RegisteredDocks.OrderByDescending(...)"?

I would prefer to accomplish this using VB.NET.

Dock

answered on 20 Jan 2010

3 answers

136 views

grouping rows in grid - custom

hi please find attached the grid.
i need to get the custom grouping as shown.
please help

Grid

answered on 20 Jan 2010

1 answer

134 views

[Solved] Move,Maximize,Minimize like in G' Wave

Hi Guys,

Am implementing a page like a google wave and i just start testing with two rad zone. on top zone is just to minimized and docked.

In the main zone , I have main grid dashboard, selecting the grid item will validate and if data can be found , populate the other grid in a new dock and current Main dockGrid have to minimized and move to on top. If error occur, prompting something and maindockgrid have to stay unchange.

Is there any Minimize, Moved to zone method available for server side? Have look through and only found client scripts. I have tested with client script execute from server and can do but, felt it's not the right way. Is there more convenient way to achieve.

Tried like this but not working..

Me.RadDock1Master.Collapsed = True

Me.RadDock1Master.Width = 30

Me.RadDock1Master.Height = 10

Me.RadDockZone1.Docks.Remove(RadDock1Master)

Me.RadDockZone2.Docks.Add(RadDock1Master)

thank you

Regards,

Edit:

Hi Pero,

Thanks much for the detail advice.

By Using (run JqueryCode from ServerSide -Arnold Matusz's Blog) combined with server events, I've able to produce desired solution.

Regards,

Dock

answered on 20 Jan 2010

1 answer

114 views

Question about assembly Telerik.Web.UI.VSX...

I am trying to incorporate Telerik 2009.3.1314.35 for use on my Moss 2007 site. I've gotten this to work with a previous .35 version but for some reason in my C:\windows\assembly folder I see something called 'Telerik.Web.UI.VSX' in addition to the expected 'Telerik.Web.Design'. Normally I would just see 'Telerik.Web.UI' and the 'Telerik.Web.Design'. But as I'm trying to follow along with this guide Extending your MOSS site with Microsoft ASP.NET AJAX 3.5' , I dont see any mention of the .vsx extension. The strange thing is that my Telerik.Web.Design has a version number of 2009.3.1314.35 but the Telerik.Web.UI.VSX has a version number of 2009.3.1314.0. Should I just download the 2009.3.1314.35 from the site and manually add the Telerik.Web.UI assembly if its there?

J

Sharepoint Integration

answered on 20 Jan 2010

1 answer

103 views

How to do the basic setup for RadTreeView using drag and drop with context menu?

Hi,

I need to set up RadTreeView for ASP.NET AJAX ( drag and drop with context menu).
Any help - documentation, codes etc on how to go about this is appreciated.

Many Thanks,
Ritika

TreeView

answered on 20 Jan 2010

1 answer

127 views

RadAjaxManager: problem on second call back

Hi,

I am trying to implement radajax manager. Here is the structure of my program

Global_masterpage
Module_masterpage
Content page

the rad script manager is in global masterpage and module masterpage has one scriptmanagerproxy for a composite script and the module masterpage has the radajaxloading panel to show ajax progress.

now in the content page, i got the code below. (extracted from a big page for testing and locating the problem). i'm trying to show the advanced search panel (pnlSearchCriteria) when you click on the lnkShowAdvancedSearch and Hide it from lnkHideAdvancedSearch (which is inside pnlSearchCriteria) The first time, the control behaves as expected. the next time i click on lnkshowadvancedsearch button, the pnlsearchcriteria does not show up and the progress area (radajaxloadingpanel) shiows activity and goes on forever. in the project configuration wizard i have all of them enabled.

here is the aspx code and followed by the vb code

    
            <%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/MasterPage.master" 
        
                CodeBehind="WebForm2.aspx.vb" Inherits="ERP.OM.WebForm2" %> 
        
            <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> 
        
            </asp:Content> 
        
            <asp:Content ID="Content2" ContentPlaceHolderID="cphBody" runat="server"> 
        
                <span style="padding-right: 10px">|</span> 
        
                <asp:LinkButton ID="lnkShowAdvancedSearch" runat="server" CausesValidation="false" 
        
                    Text="Advanced Search" /> 
        
                <asp:Panel runat="server" ID="pnlSearchCriteria" Visible="false" CssClass="SearchSOAdvancedSearchPanel"> 
        
                    <table id="tblAdvancedSearch" runat="server" width="100%"> 
        
                        <tr> 
        
                            <td style="border-right: solid 1px #EEEEEE; border-bottom: solid 1px #EEEEEE"> 
        
                                <span>Sales Person</span> 
        
                                <br /> 
        
                                <erp:Employees ID="ddlSearchSalesPerson" runat="server" AutoPostBack="true" /> 
        
                            </td> 
        
                            <td style="border-right: solid 1px #EEEEEE; border-bottom: solid 1px #EEEEEE"> 
        
                                <span>Status</span> 
        
                                <br /> 
        
                                <erp:SalesOrderStatuses runat="server" ID="ddlSearchSalesOrderStatus" AutoPostBack="true" /> 
        
                            </td> 
        
                            <td style="border-right: solid 1px #EEEEEE; border-bottom: solid 1px #EEEEEE"> 
        
                                <span>Order Type </span> 
        
                                <br /> 
        
                                <erp:SalesOrderTypes runat="server" ID="txtSearchSalesOrderTypes" AutoPostBack="true" /> 
        
                            </td> 
        
                            <td style="border-right: solid 1px #EEEEEE; border-bottom: solid 1px #EEEEEE"> 
        
                                <span>Created By</span> 
        
                                <br /> 
        
                                <erp:Employees ID="ddlSearchCreatedBy" runat="server" AutoPostBack="true" /> 
        
                            </td> 
        
                            <td width="100px" align="center" valign="bottom"> 
        
                                <asp:LinkButton ID="lnkGoAdvancedSearch" runat="server" Text="(search)" /> 
        
                                <asp:LinkButton ID="lnkHideAdvancedSearch0" runat="server" CausesValidation="false" 
        
                                    Text="(close)" /> 
        
                            </td> 
        
                        </tr> 
        
                    </table> 
        
                </asp:Panel> 
        
                <telerik:RadGrid runat="server" ID="gvResults" AllowPaging="True" AllowSorting="True" 
        
                    AutoGenerateColumns="False" GridLines="None"> 
        
                    <MasterTableView runat="server" PageSize="50" AllowMultiColumnSorting="true"> 
        
                        <Columns> 
        
                            <telerik:GridTemplateColumn HeaderText="Order No." SortExpression="SalesOrderNo"> 
        
                                <ItemStyle Width="60px"></ItemStyle> 
        
                                <ItemTemplate> 
        
                                    <asp:HyperLink ID="hlkSalesOrderID" runat="server" CausesValidation="false" NavigateUrl='<%# "~/SearchSalesOrders.aspx?SalesOrderID=" & Eval("SalesOrderID") %>' 
        
                                        Text='<%# Eval("SalesOrderNo") %>' /> 
        
                                </ItemTemplate> 
        
                                <ItemStyle Width="60px" HorizontalAlign="Center" /> 
        
                            </telerik:GridTemplateColumn> 
        
                        </Columns> 
        
                    </MasterTableView> 
        
                </telerik:RadGrid> 
        
                <telerik:RadAjaxManager ID="ramSearchSO" runat="server" UpdatePanelsRenderMode="Inline"> 
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="lnkShowAdvancedSearch"> 
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="pnlSearchCriteria" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                        <telerik:AjaxSetting AjaxControlID="pnlSearchCriteria"> 
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="gvResults" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                        <telerik:AjaxSetting AjaxControlID="lnkGoAdvancedSearch"> 
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="gvResults" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                        <telerik:AjaxSetting AjaxControlID="lnkHideAdvancedSearch"> 
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="lnkShowAdvancedSearch" /> 
        
                                <telerik:AjaxUpdatedControl ControlID="pnlSearchCriteria" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManager> 
        
            </asp:Content>

    
                Private Sub lnkShowAdvancedSearch_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles lnkShowAdvancedSearch.Click 
        
                    pnlSearchCriteria.Visible = True 
        
                    lnkShowAdvancedSearch.Enabled = False         
        
                End Sub 
        
                Protected Sub lnkHideAdvancedSearch_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles lnkHideAdvancedSearch0.Click 
        
                    lnkShowAdvancedSearch.Enabled = True 
        
                    pnlSearchCriteria.Visible = False 
        
                End Sub

please help. thanks

Ajax

answered on 20 Jan 2010