Telerik Forums
UI for ASP.NET AJAX Forum
2 answers
104 views
Hi,

Has anyone got a solution for resizing a dock, whilst it is docked?  I am thinking of creating a custom command to open a dialog / slider to allow for the resize....  But, I was wondering if anyone had worked out a nicer method for doing this?


Thanks,

Richard
Richard
Top achievements
Rank 1
 answered on 14 Sep 2009
1 answer
118 views
So I have dropped a DatePicker control onto my web form. Have simple code to set the date to current date, and code on a button click event on the form to retrieve the selectedDate value from the control. All code is in the code behind.

The form compiles but when run, on the postback I get a "Method not found: Void <page class name>.set_<controlname>(System.DateTime)"

I have looked and nowhere in my code to I tie any method like this to my code behind. I assume this is something inside the controls codebase that is looking for this method. What needs to be put in there to get this to work?
Mira
Telerik team
 answered on 14 Sep 2009
4 answers
120 views
Hi,

I'm struggling to get a consistent way of Ajaxifying my controls and I'm wondering if there's an approach you can recommend for me. Here's my setup:

I have a Master page with code:

 protected override void OnInit(EventArgs e) 
        { 
            base.OnInit(e); 
 
            _radAjaxManager = new RadAjaxManager(); 
            _radAjaxManager.ID = "radAjaxManager"; 
            _radAjaxManager.UpdatePanelsRenderMode = UpdatePanelRenderMode.Inline; 
            form1.Controls.Add(_radAjaxManager); 
 
            _radAjaxLoadingPanel = new RadAjaxLoadingPanel(); 
            _radAjaxLoadingPanel.ID = "radAjaxLoadingPanel"; 
            _radAjaxLoadingPanel.BackgroundPosition = AjaxLoadingPanelBackgroundPosition.Center; 
            _radAjaxLoadingPanel.Transparency = 20; 
            _radAjaxLoadingPanel.BackColor = Color.WhiteSmoke; 
            //_radAjaxLoadingPanel.BackImageUrl = "/Images/ajax-loader.gif"; 
            Image img = new Image(); 
            img.ImageUrl = "/Images/ajax-loader.gif"; 
            _radAjaxLoadingPanel.Controls.Add(img); 
             
            form1.Controls.Add(_radAjaxLoadingPanel); 
        } 
 
 
     public void AjaxifyControl(Control ajaxifiedControl, Control updatedControl) 
        { 
            radAjaxManager.AjaxSettings.AddAjaxSetting(ajaxifiedControl, updatedControl, radAjaxLoadingPanel); 
        } 

I've then got a web content page that uses a series of user controls in the aspx such as:

<uc:WinTextBox ID="txtAddress1" Name="Address1" runat="server"  Required="true" TabIndex="33" /> 
<uc:WinTextBox ID="txtAddress2" Name="Address2" runat="server"  Required="true" TabIndex="34"/> 
 

I have a button that I want to do an Ajax postback and update these user control textboxes. I have the following code on the page load of my content page:

            Master.AjaxifyControl(btnFindMyAddress, txtAddress1); 
            Master.AjaxifyControl(btnFindMyAddress, txtAddress2); 

I've had this working before by wrapping the address details area in a RadAjaxPanel but since I read your article at http://www.telerik.com/help/aspnet-ajax/ajxcontrolsinajaxpanelandajaxsettings.html I removed the AjaxPanels. Now though I have the following problems:

1) The loading image in the LoadingPanel is not displaying.
2) The controls aren't updating properly. There seems to be a copy of the controls that are going to be updating being spawned.

When I did have the RadAjaxPanel on the page the behaviour seemed to work better but I want to hear your suggestions on how to make this work consistently every time.

Thanks in advance,

Rick




Mira
Telerik team
 answered on 14 Sep 2009
3 answers
133 views
Hi
How add tooltip to RadGrid (binding WebService) ?

Grid:
<telerik:RadGrid ID="RadGrid1" runat="server" Skin="Vista" 
        AutoGenerateColumns="false" EnableViewState="false" OnRowDrop="RadGrid1_RowDrop" OnItemDataBound="RadGrid1_ItemDataBound" AllowSorting="true"> 
        <MasterTableView DataKeyNames="ID" ClientDataKeyNames="ID"> 
            <Columns> 
                <telerik:GridTemplateColumn ItemStyle-Width="1px"> 
                    <ItemTemplate> 
                        <asp:HyperLink ID="targetControl" runat="server" NavigateUrl="#" Style="text-decoration: none;">></asp:HyperLink> 
                    </ItemTemplate> 
                </telerik:GridTemplateColumn> 
                 
                <telerik:GridTemplateColumn HeaderText="ID" Display="false" > 
                    <ItemTemplate> 
                       <asp:Label ID="ID" runat="server" /> 
                    </ItemTemplate> 
                </telerik:GridTemplateColumn> 
                <telerik:GridBoundColumn DataField="Imie" HeaderText="Imie"> 
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn DataField="Nazwisko" HeaderText="Nazwisko"> 
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn DataField="Specjalizacja" HeaderText="Specjalizacja"> 
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn DataField="Status" HeaderText="Status"> 
                </telerik:GridBoundColumn> 
            </Columns> 
        </MasterTableView> 
        <ClientSettings AllowRowsDragDrop="true"> 
            <ClientEvents OnRowDataBound="rowDataBound" OnCommand="gridCommand" OnRowDropping="rowDropping" OnRowDragStarted="PobierzKlienta"/> 
            <Selecting AllowRowSelect="true" /> 
            <Scrolling AllowScroll="true" UseStaticHeaders="true" /> 
        </ClientSettings> 
    </telerik:RadGrid> 

Code:
protected void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e) 
    { 
        if (e.Item.ItemType == GridItemType.Item || e.Item.ItemType == GridItemType.AlternatingItem) 
        { 
            Control target = e.Item.FindControl("targetControl"); 
            if (!Object.Equals(target, null)) 
            { 
                if (!Object.Equals(this.RadToolTipManager1, null)) 
                { 
                    RadToolTipManager1.TargetControls.Add(target.ClientID, (e.Item as GridDataItem).GetDataKeyValue("ID").ToString(), true); 

                } 
            } 
        } 
    } 

Svetlina Anati
Telerik team
 answered on 14 Sep 2009
2 answers
129 views
Using a tab with multi pages there are issues when I try to view the pages.  The links below will show you what I mean.
It looks correct here

Its wrong here

The pannels are in a div tag with the class of #contentnorightbar applied to it, and whenever I get the demo text on the radgrids everything looks the way I want it to, but when the demo text isnt on it then it appears at the bottom of the divs.
 
body {  
    font: 78.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;  
    word-spacing:2px;  
    color:#444;  
    margin:20px;  
    background:url(../images/body.jpg) #f6f6f6;  
}  
 
* {  
    margin:0;  
    padding:0;  
      
}  
 
#wrapper {  
    background:#fff;  
    border:3px solid #f1f1f1;  
    max-width:1920px;  
    width:expression(this.width > 320 ? "320px" : this.width);  
    min-width:760px;  
    margin:0 auto;  
}  
 
* html #wrapper  
{  
    w\idth: expression(document.documentElement.clientWidth > 1920 ? "1920px" : "auto");  
}  
 
#innerwrapper {  
    margin:1px;  
    background:url(../images/innerwrapper.jpg) top repeat-x;  
    padding:20px;  
}  
 
#header h1 {  
    float:left;  
    font:250% Arial;  
    color:#333;  
    padding:5px 20px 5px 5px;  
    border-right:1px solid #ccc;  
    margin:0 20px 0 0;  
}  
 
#header h1 a {  
    color:#333;  
    text-decoration:none;  
    border-bottom:2px solid #f6f6f6;  
}  
 
#header h1 a:hover {  
    color:#111;  
    border-bottom:2px solid #79B5D6;  
}  
 
#header h2 {  
    font:150% Arial;  
    color:#666;  
    padding:16px 0 0 0;  
    border:none;  
}  
 
#header h2 a {  
    color:#444;  
    text-decoration:none;  
    border-bottom:2px solid #f6f6f6;  
}  
 
#header h2 a:hover {  
    border-bottom:2px solid #79B5D6;  
}  
 
#header #nav {  
    clear:both;  
    background:url(../images/nav.jpg) top repeat-x #4F9EC9;  
    border-bottom:2px solid #4F9EC9;  
    border-top:2px solid #388CBA;  
    border-left:2px solid #388CBA;  
    border-right:2px solid #388CBA;  
    padding:10px 10px 10px 0 !important;  
    padding:4px 10px 10px 0;  
    height:15px;  
}  
 
 
 
#header #subnav {  
    background:#4F9EC9;  
    padding:5px 7px 7px 7px;  
    font:90% Verdana;  
    color:#DEEDF5;  
    border-bottom:2px solid #388CBA;  
    border-left:2px solid #388CBA;  
    border-right:2px solid #388CBA;  
    height:5px;  
}  
 
#sidebar {  
    background:#333;  
    width:240px;  
    padding:10px 20px 20px 20px;  
    float:left;  
    color:#666;  
    border-top:2px solid #000;  
    border-bottom:10px solid #000;  
}  
 
#sidebar h2 {  
    font:160% Arial;  
    color:#999;  
    margin:10px 0 10px 0;  
    background:url(../images/sidebarh2.jpg) rightright no-repeat;  
    border:none;  
}  
 
#sidebar h3 {  
    color:#FF8040;  
    font:90% Verdana;  
    font-weight:bold;  
    letter-spacing:2px;  
}  
 
#sidebar p {  
    margin:15px 0;  
}  
 
#sidebar p.news {  
    background:#323232;  
}  
 
#sidebar p.news a.more {  
    color:#ccc;  
    display:block;  
    text-align:rightright;  
    font:80% Verdana;  
    text-transform:uppercase;  
    letter-spacing:1px;  
    text-decoration:none;  
    padding:10px 0;  
}  
 
#sidebar p.news a:hover {  
    color:#98D158;  
}  
 
#sidebar .subnav {  
    border-top:1px solid #2C2C2C;  
}  
 
#sidebar .subnav li {  
    list-style:none;  
    padding:5px;  
    border-bottom:1px solid #2C2C2C;  
}  
 
#sidebar .subnav li a {   
    color:#ccc;  
    text-decoration:none;  
    display:block;  
}  
 
#sidebar .subnav li a:hover {  
    color:#98D158;  
}  
 
#sidebar .subnav li a b {  
    float:rightright;  
    display:none;  
    color:#666;  
}  
 
#sidebar .subnav li a:hover b {  
    display:inline;  
}  
 
#sidebar input {  
    padding:4px;  
    background:#2c2c2c;  
    border:1px solid #222222;  
    color:#ccc;  
    font:90% Verdana;  
    width:190px;  
}  
 
#sidebarright {  
    width:170px;  
    float:rightright;  
    padding:10px 0 0 20px;  
    background:url(../images/sidebarright.jpg) top left no-repeat;  
}  
 
#sidebarright p {  
    font:90% Verdana;  
    color:#777;  
    line-height:20px;  
    margin:10px 0;  
}  
 
#sidebarright h2 {  
    font:140% Arial;  
    color:#333;  
    margin:10px 0;  
    border:none;  
}  
 
#sidebarright ul {  
    margin:10px 0 10px 15px;  
    font:90% Verdana;  
}  
 
#sidebarright ul li {  
    margin:5px 0;  
}  
 
#sidebarright a {  
    border-bottom:1px dotted #eee;  
    color:#444;  
    text-decoration:none;  
}  
 
#sidebarright a:hover {  
    border-bottom:1px solid #ccc;  
}  
 
 
#content {  
    margin:0 210px 0 280px;  
    background:url(../images/content.jpg) top left no-repeat;  
    padding:20px 0 0 20px;  
}  
 
#contentnorightbar {  
    margin:0 0 0 280px;  
    background:url(../images/content.jpg) top left no-repeat;  
    padding:20px 0 0 20px;  
}  
 
p {  
    margin:15px 0;  
    line-height:22px;  
}  
 
h2 {  
    font:190% Arial;  
    color:#79B933;  
    border-bottom:2px solid #f6f6f6;  
}  
 
h2 a {  
    color:#79B933;  
    text-decoration:none;  
}  
 
h2 a:hover {  
    color:#5F9128;  
}  
 
 
#footer {  
    clear:both;  
    border-top:1px solid #eee;  
    padding:10px;  
    margin:30px 0 0;  
}  
 
a {  
    color:#222;  
}  
 
a:hover {  
    text-decoration:none;  
}  
 
h3 {  
    font:140% Trebuchet MS;  
    margin:10px 0;  
}  
 
#content ul {  
    margin:15px 0 15px 0;  
    line-height:25px;  
    padding:15px 0 15px 15px;  
    border-top:1px solid #eee;  
    border-bottom:1px solid #eee;  
    color:#79B933;  
}  
#content ul span {  
    color:#444;  
}  
#contentnorightbar ul {  
    margin:15px 0 15px 20px;  
    line-height:25px;  
    padding:15px 0;  
    border-top:1px solid #eee;  
    border-bottom:1px solid #eee;  
    color:#79B933;  
}  
#contentnorightbar ul span {  
    color:#444;  
}  
 
img {  
    padding:1px;  
    background:#ccc;  
    border:4px solid #f6f6f6;  
}  
 
p img {  
    float:left;  
    margin:0 10px 0 0;  
}  
 
blockquote p {  
    font:160% Georgia;  
    color:#aaa;  
    padding:0 10% 0 0;  
    line-height:30px;  
}  
 
bradley baker
Top achievements
Rank 1
 answered on 14 Sep 2009
1 answer
253 views
Good Evening All,

I have the October 2008 build of RADControls for ASP.net Ajax.  I have a asp:wizard control in a website built on .Net 3.5 on a page that invokes RadDatePicker as follows
                <telerik:RadDatePicker ID="txteffdate" runat="server" Culture="English (United States)" 
                selecteddate="<%#datetime.tody %>">  
                <Calendar runat="server" Font-Names="Arial, Verdana, Tahoma" ForeColor="Black" 
                style="border-color:#ececec">  
                </Calendar> 
                <DateInput runat="server" Skin=""></DateInput> 
                <DatePopupButton CssClass="" /> 
                </telerik:RadDatePicker> 
When I go to Design mode in VS2008, the entire wizard control has an error:
Error Rendering Control - Wizard1
Type "Telerik.Web.UI.RadDatePicker" does not have a public property named 'Calender'.

Is this a bug? 
Is there a property with a typo of Calender instead of Calendar?  If so, how does this get fixed?

Sidenote:
I'm wanting to Ajaxify my contact page, containing this wizard control.  Is there a better control to use instead of asp:wizard?

Thanks much for your help!
Sid
Martin
Telerik team
 answered on 14 Sep 2009
4 answers
144 views
Hi there,

i have got up and running with this panel and now want to add a javascript method for OnClientResponseEnd. I have added the method and I have tested that it is being called, but when the method is included the panel does not update at all. Can anyone help please?

Here's the property on my panel: OnClientResponseEnd="showTooltipIfRequired"

Here's the method (wrapped in a RadCodeBlock):

          function showTooltipIfRequired() { 
                    var m_c = document.getElementById("m_c"); 
                    if (m_c.innerHTML != "0") { 
                        var tooltip = $find("NewMessagesToolTip"); 
                        tooltip.show(); 
                    } 
                } 

Do I need to add additional arguments to the method signature? I tried adding sender/args but the same happens.

Thanks, Carl
Svetlina Anati
Telerik team
 answered on 14 Sep 2009
1 answer
194 views

 

I am trying to add a confirmation for the delete command on my grid but I want the confirmation to be in a rad window.  The following code I believe should be giving me the standard RadWindow confirmation window but I get the normal javascript looking alert box.

What am I missing here?

<telerik:GridButtonColumn ConfirmText="Delete this item?" ConfirmDialogType="RadWindow"
ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete" UniqueName="DeleteColumn">
<HeaderStyle Width="25px" />
<ItemStyle Width="25px" />
<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />
</telerik:GridButtonColumn>

 

Schlurk
Top achievements
Rank 2
 answered on 14 Sep 2009
5 answers
110 views
I have a UI that changes dynamically.
Every time it changes I'm adding new controls to the appropriate settings in my Input manager.

For example, a user selects an item from a drop down.
I clear the UI and reload it.
I see that I need to expose
  • 2 numeric setting text boxes
  • 1 alpha numeric text box
  • 1 date time text box
I generate Ids for those elements and add them to their respective input setting.
which is done something like this, for each type of setting i may have (date, numeric, text etc)
           //get all datetime data format text boxes and convert them into datetimes 
            elements = $('input.datetime', context); //find my date inputs within the given context 
            var dateSettings = $find('RadInputManager').get_inputSettings('DateTimeSettings'); 
            generateInputIds(elements); //generates unique ids for the found fields 
            for (var idx = 0; idx < elements.length; ++idx) { 
                dateSettings.addTargetInput(elements[idx].id); 
            } 

As the UI keeps changing and I keep adding Ids to the various input settings collections, the target input Id collections will get larger and larger and the settings collections will have references to Ids for elements that no longer exist on the UI.

I'm wondering if there is a standard way to clear the target input Ids collections.

Regards.
Dimo
Telerik team
 answered on 14 Sep 2009
4 answers
230 views
Is there a way to remind of an appointment?
Dimitar Milushev
Telerik team
 answered on 14 Sep 2009
Narrow your results
Selected tags
Tags
+? more
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?