Questions on UI for ASP.NET AJAX Forum

1 answer

264 views

Having a Asp:Panel visible/invisible by ajax

Hi, i have a problem here.

i have a radiobutton Yes / No, and when it's changed i want it to Show/Hide an Asp:Panel with textbox/things inside.

For now, i have an "autopostback = true", and it refresh the whole page, and not only the asp:panel.

I'm looking for an ajax component which can solve the problem

I've tried to include my Asp:panel AND my radiobutton(the one with autopostback) inside a telerik:RadAjaxPanel so i think the autopostback will be intercepted by ajax if i understood everything.

I have added a <telerik:RadAjaxLoadingPanel> at the bottom of the page, with nothing inside, i dont even know what is it.
but i think its usefull..

I have also added a <telerik:RadAjaxManager> at the top of the page, even if i dont know wich element i have to put in the
"AjaxControlID" thing and the AjaxUpdatedControl ControlID" thing.

And i have a event on my radiobutton to call a function in wich i set the ASP:panel visible/invisible accordingly to the radiobutton checked or not.

this is a mess, this is not working, the whole page is still refreshing.

my need is quite simple, no databinding, nothing, but i cant manage anything.

Pls some help here.

Ajax

answered on 08 Jun 2009

1 answer

86 views

RadTabStrip problem: page's changed, tab isn't.

Hi, I have a problem with RadTabStrip.

When i click on a tab, my page change, everything is ok.
But it's always the same tab selected on the top.

When i click TAB1 i'm redirected to PAGE 1
When i click TAB2 i'm redirected to PAGE2
When i click TAB3 i'm redirected to PAGE3

But it's always the TAB1 Who seems to be visually selected on the tabstrip.
Don't know what I did wrong.

Another problem i have is that only TAB2 has childs, but Whenever i click TAB1, TAB2 or TAB3 those child are still apparent and clikable, on the second line.

Thx for help

TabStrip

answered on 08 Jun 2009

1 answer

252 views

TextBox in RadToolBar

Hello.

Is there a way to insert a TextBox inside a RadToolBar?

Something like this:

    
            <telerik:RadToolBar runat="server"> 
        
            <Items> 
        
                    <telerik:RadToolBarButton runat="server" /> 
        
                    <telerik:RadTextBox runat="server" /> 
        
            </Items> 
        
            </telerik:RadToolBar>

ToolBar

answered on 08 Jun 2009

3 answers

157 views

Reload the parent page data list

i hape one page on that page Add button when i click add button open the addpage in Radwindow. After adding data when i click Cancel or Close Radwindow option the parent page all controls are reload .............................

means referest datalist on parent page

how to do this ?

Thanks Regards
Rahul

Window

answered on 08 Jun 2009

1 answer

116 views

EnableSkinTransparency is not a member of RadAjaxLoadingPanel

I am just trying to get a RadAjaxLoadingPanel to work on one of my pages. Whenever I put one on a page, nothing ever shows up, so I copied the code from the LoadingImages demo and when I try to run it I get the above error.

I also get AjaxLoadingPanelBackgroundPosition is not defined.

Code is copied right from the demo:

testload.aspx:

<%

@ Page Language="VB" AutoEventWireup="false" CodeFile="testload.aspx.vb" Inherits="LoadingImages_testload" %>

<%

@ 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 xmlns="http://www.w3.org/1999/xhtml">

<

head runat="server">

<title>Untitled Page</title>

</

head>

<

body>

<div>

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

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" Height="75px"

Width="75px">

<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'

style="border: 0px;" />

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<telerik:AjaxSetting AjaxControlID="Panel1">

<telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<p>

<b>RadAjaxLoadingPanel</b> supports skinning and you can change its skin by setting

the

<b>Skin</b> property to the name of the respective skin. A <b>BackgroundPosition</b>

property enables you to position the loading image in the loading panel. The

<b>EnableSkinTransparency</b>

property allows you to enable/disable default skin transparency.

</p>

<p>

Please note that the loading images that are currently embedded in the Telerik.Web.UI assembly will not be available after Q1 2009.

</p>

<br />

</div>

<asp:CheckBox ID="CheckBox1" runat="server" Text="EnableSkinTransparency" Checked="true"

AutoPostBack="true" OnCheckedChanged="CheckBox1_CheckedChanged" /><br />

Change Background Position:

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">

<asp:ListItem>Bottom</asp:ListItem>

<asp:ListItem>BottomLeft</asp:ListItem>

<asp:ListItem>BottomRight</asp:ListItem>

<asp:ListItem Selected="True">Center</asp:ListItem>

<asp:ListItem>Left</asp:ListItem>

<asp:ListItem>None</asp:ListItem>

<asp:ListItem>Right</asp:ListItem>

<asp:ListItem>Top</asp:ListItem>

<asp:ListItem>TopLeft</asp:ListItem>

<asp:ListItem>TopRight</asp:ListItem>

</asp:DropDownList>

</div>

<asp:Panel ID="Panel1" runat="server" Width="350px" Height="275px">

<asp:Button ID="Button1" runat="server" Text="Click to see the loading image" OnClick="Button1_Click"

Style="margin-top: 15px; margin-left: 15px" CssClass="qsfButtonBigger" />

</asp:Panel>

</div>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">

</telerik:RadAjaxLoadingPanel>

</div>

</form>

</

body>

</

html>

tesload.aspx.vb:

Imports

System

Imports

System.Collections

Imports

System.ComponentModel

Imports

System.Data

Imports

System.Drawing

Imports

System.Web

Imports

System.Web.SessionState

Imports

System.Web.UI

Imports

System.Web.UI.WebControls

Imports

System.Web.UI.HtmlControls

Imports

Telerik.Web.UI

Partial

Class LoadingImages_testload

Inherits System.Web.UI.Page

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs)

'simulate longer page load

System.Threading.Thread.Sleep(2000)

End Sub

Protected Sub CheckBox1_CheckedChanged(ByVal sender As Object, ByVal e As EventArgs)

RadAjaxLoadingPanel1.EnableSkinTransparency = (

TryCast(sender, CheckBox)).Checked

End Sub

Protected Sub DropDownList1_SelectedIndexChanged(ByVal sender As Object, ByVal e As EventArgs)

Dim position As New AjaxLoadingPanelBackgroundPosition()

If DropDownList1.SelectedValue = "Bottom" Then

position = AjaxLoadingPanelBackgroundPosition.Bottom

End If

If DropDownList1.SelectedValue = "BottomLeft" Then

position = AjaxLoadingPanelBackgroundPosition.BottomLeft

End If

If DropDownList1.SelectedValue = "BottomRight" Then

position = AjaxLoadingPanelBackgroundPosition.BottomRight

End If

If DropDownList1.SelectedValue = "Center" Then

position = AjaxLoadingPanelBackgroundPosition.Center

End If

If DropDownList1.SelectedValue = "Left" Then

position = AjaxLoadingPanelBackgroundPosition.Left

End If

If DropDownList1.SelectedValue = "None" Then

position = AjaxLoadingPanelBackgroundPosition.None

End If

If DropDownList1.SelectedValue = "Right" Then

position = AjaxLoadingPanelBackgroundPosition.Right

End If

If DropDownList1.SelectedValue = "Top" Then

position = AjaxLoadingPanelBackgroundPosition.Top

End If

If DropDownList1.SelectedValue = "TopLeft" Then

position = AjaxLoadingPanelBackgroundPosition.TopLeft

End If

If DropDownList1.SelectedValue = "TopRight" Then

position = AjaxLoadingPanelBackgroundPosition.TopRight

End If

RadAjaxLoadingPanel1.BackgroundPosition = position

End Sub

End

Class

Ajax

answered on 08 Jun 2009

1 answer

108 views

Day Cell Allignment

Hi All,
I have an issue using RadCalendar.dayrender event and want to add some control into the cell based on some condition.Every thing works fine. I want the content inside the cell to left alligned. but i am unable to do it. Here is my code.

protected void ProcessDayEvent(object sender, Telerik.Web.UI.Calendar.DayRenderEventArgs e)

{

if (Session["MonthlyBooking"] != null)

{

DataTable DtMonthlyBooking = (DataTable)Session["MonthlyBooking"];

DateTime CurrentDate = e.Day.Date;

DataRow[] r = DtMonthlyBooking.Select("Date='" + CurrentDate + "'");

if (r.Length > 0)

{

TimeSpan ts = Convert.ToDateTime(r[0]["startTime"].ToString()).TimeOfDay;

int shour = ts.Hours;

int sm = ts.Minutes;

ts =

Convert.ToDateTime(r[0]["EndTime"].ToString()).TimeOfDay;

int Ehour = ts.Hours;

int Em = ts.Minutes;

e.Cell.Text = shour.ToString() +

":" + sm.ToString() + "-" + Ehour.ToString() + ":" + Em.ToString() ;
e.Cell.HorizontalAlign = HorizontalAlign.Left;
}
}
}

I have also tried to assign some Css class as
e.Cell.Text = shour.ToString() + ":" + sm.ToString() + "-" + Ehour.ToString() + ":" + Em.ToString() ;

e.Cell.CssClass="selected"

and

.selected

{

background-color: #B5CCEA;

text-align: left;

padding-left: 0px;

margin-left: 0;

height: 10px;

}

in aspx page.

but it is also not working.Plz help me out.
Thanks in Advance.

Calendar

answered on 08 Jun 2009

1 answer

88 views

Spell Check

Hi,

I just found out that the RAD spell checker in our pages does not do a spell check if the data in the RAD Editor has "Enter" characters. As soon as the icon is clicked, it gives the message -Spell Checking is in progress and then it scrolls uncontrollably. The only way to stop it is reload or close the page. Please advise. It works fine if there is no "enter" characters in the text.
Thanks a lot.

Editor

answered on 08 Jun 2009

0 answers

76 views

Asp:Net Control Scheduler --Problem In Validation

To Support Department,
Well i am facing a problem in Scheduler Control, I am trying to do validation on user input in AdvancedInsertTemplate and AdvancedEditTemplate either of them are not working.Tried many ways but not getting any solution and 1 more major problem in Scheduler is that when i put Rad Calender inside AdvancedInsertTemplate and i set controlID of AjaxUpdatedControl to ID of scheduler and then when i click on calender it does not pop up.Please Reply back as soon as possible.

Thanks,
Rohan

Scheduler

asked on 08 Jun 2009

3 answers

444 views

Enter Key Hit on the Textbox In the Radgrid

HI,
I am using Radgrid In that there are textboxes and buttons for update and cancel. When I am entering Data in the textbox and hit the Enterkey the entire page is post back and reloaded from the server.
So if you know why this is happening Please reply me as early as possible.
Thank You.

Grid

answered on 08 Jun 2009

1 answer

229 views

Drag and drop from Gridview to treeview

Sir/madam,
I am using Telerik rad Controls.i am interested in drag n drop functionality.i am selecting row from grid and dragging it on tree view which works fine .But i this case all nodes in tree view is added to first level only.What i want is i want to select row from Grid and want it to add to as an any level node in tree view.So how shall i achieve this?
Thanks and kind Regards,
Rushi Patel

Grid

answered on 08 Jun 2009