Questions on UI for ASP.NET AJAX Forum

6 answers

355 views

expand / collapse arrow

I am using a RadPanelBar -- I am currently hiding the expand and collapse arrows using the following code:

.rpExpandHandle

{

display: none!important;

}

.rpCollapseHandle

{

display: none!important;

}

This works great -- except now I need to add another RadPanelBar to the same page where I need to show the expand and collapse arrows.

I read in the following help file that if you set the imageUrl and imagePosition to right, then it will replace the image. Unfortunately I can't get that to work.

Here's the help link:

http://www.telerik.com/help/aspnet-ajax/panel_appearanceitemimages.html

Here's my code sample:

<telerik:RadPanelBar runat="server" ID="SupportPanelBar" Width="150" >

<ExpandAnimation Type="None"></ExpandAnimation>

<CollapseAnimation Type="None"></CollapseAnimation>

<Items>

<telerik:RadPanelItem Text="TeamSideline" Expanded="True" PreventCollapse="true" NavigateUrl="/Home.aspx" ImagePosition="Right" ImageUrl="~/img/icon_delete_active.png" SelectedImageUrl="~/img/icon_delete_active.png">

<Items>

<telerik:RadPanelItem Text="Support Menu" NavigateUrl="/Support/Home.aspx" BackColor="#D7D8D8" />

<telerik:RadPanelItem Text="Public Downloads" NavigateUrl="/TsMoreInfo.aspx" BackColor="#D7D8D8"

/>

</Items>

</telerik:RadPanelItem

</Items>

</telerik:RadPanelBar>

And the output is attached. I am using the telerik dll -- 2010.3.1109.40

Your help is appreciated.

Thanks,
Todd.

PanelBar

answered on 21 Dec 2010

4 answers

92 views

RadDock does not expand

Expand button at the right corner of Dock Control does not expand durin gthe initial request.It expands collapse only after some post back

Dock

answered on 21 Dec 2010

1 answer

32 views

while clicking the inside the grid in runtime grid control ll get collapsed

Hi
I m using the rad grid, with ajax, in run time values bind to the grid control properly, but while clicking the item command or inside the grid then suddenly grid get hide(mean the rad window get hide). i m using ajax update panel, if i remove the updata panel, grid works fine.and i have another button below the grid. So could any one tell me how to solve this problem.

note: both grid the button in the pop up rad window.

Grid

answered on 21 Dec 2010

3 answers

207 views

RadAjaxLoadingPanel - work w/ UserControls?

hello,

im noticing that when using a RadAjaxManager, my LoadingPanel doesnt show up when one of the updated-controls is a UserControl.

like so:

    
            <table> 
        
                <tr> 
        
                    <td class="label">Offender:</td> 
        
                    <td> 
        
                        <Telerik:RadComboBox ID="rcbOffenders" DataValueField="OffenderID" DataTextField="LastName" Skin="Gray" runat="server" AutoPostBack="true" OnSelectedIndexChanged="rcbOffenders_SelectedIndexChanged" /> 
        
                    </td> 
        
                </tr> 
        
            </table><br /> 
        
            <asp:HiddenField ID="hidPreviousOffenderID" runat="server" /> 
        
            <Epr:OffenderDescriptions ID="ucOffenderDescriptions" OffenderSelected="ucOffenderDescriptions_OffenderSelected" runat="server" /> 
        
            <Telerik:RadAjaxManager ID="radAjaxManager" runat="server"> 
        
                <AjaxSettings> 
        
                    <%-- Offenders list updates usercontrol --%> 
        
                    <Telerik:AjaxSetting AjaxControlID="rcbOffenders"> 
        
                        <UpdatedControls> 
        
                            <Telerik:AjaxUpdatedControl ControlID="hidPreviousOffenderID" LoadingPanelID="ajaxLoadingPanel2" /> 
        
                            <Telerik:AjaxUpdatedControl ControlID="ucOffenderDescriptions" LoadingPanelID="ajaxLoadingPanel2" /> 
        
                        </UpdatedControls> 
        
                    </Telerik:AjaxSetting> 
        
                </AjaxSettings> 
        
            </Telerik:RadAjaxManager> 
        
            <Telerik:RadAjaxLoadingPanel ID="ajaxLoadingPanel2" Width="75px" Height="75px" Transparency="20" runat="server"> 
        
                <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border:0;" /> 
        
            </Telerik:RadAjaxLoadingPanel>

...telerik -- shouldnt the LoadingPanel show up?

thanks,
matt

Ajax

answered on 21 Dec 2010

2 answers

185 views

Capture Enter Key RadDatePicker

Hello,

How do I capture "Enter Key" from keyboard in my RadDatePicker? I want to click an ASP Button when this event is triggered. I have the code below but it's not working. I'm using the latest version of Telerik. Any help is highly appreciated.

<telerik:raddatepicker id="RadDatePicker_EndUsage" runat="server" Width="62px" Culture="English (United States)" onkeydown="handleEnterEvent"

<Calendar id="Calendar2" runat="server" skin="Office2007"

/>

<DateInput id="DateInput2" InvalidStyleDuration="100" skin="Office2007" runat="server"

<ClientEvents OnFocus="ShowCalendar"

/>

</DateInput

<DatePopupButton Visible="False"

/>

</telerik:raddatepicker>

Javascript:

function handleEnterEvent(sender, e)

     e = e || window.event;

     if (e.keyCode == 13)

          $find("<%# processButton.ClientID %>").click();

Calendar

answered on 21 Dec 2010

4 answers

402 views

How do I remove the vertical scrollbar from the Window?

Hopefully this is an easy one...

I am opening a RadWindow using the WindowManager (javascript):

var oWindow = window.radopen("EditGroup.aspx");

When the window opens however, I ALWAYS have a vertical scrollbar on the right hand side. I've tried setting the window height to several sizes, both big and small - no matter what, I get a scrollbar.

How do I turn this off?

Window

answered on 21 Dec 2010

7 answers

834 views

Button Click event not firing

Hi

I have a pop up modal Radwindow, the page has a button control on in a panel, with a label. The panel is hidden until the users make a selection.

Then they are asked to confirm by clicking the button. I'm using RadAjaxManager to show the panel but the click event does not appear to fire.

What should happen is a block of code runs on the server and then runs this:

ClientScript.RegisterStartupScript(Page.GetType(),

"mykey", "CloseAndReload();", True)

to close the radwindow and refresh the main grid.

It all works fine if I remove the AJAX.

UPDATE
The button event does fire, but its the

ClientScript.RegisterStartupScript(Page.GetType(),

"mykey", "CloseAndReload();", True) that does not.

Andy

Ajax

answered on 21 Dec 2010

7 answers

237 views

raddatetimepicker in filter template

I found the example for raddatepicker in a filter template for radgrid but it doesn't work for datetimekicker anyone know where I can find a datetimepicker in a filter template example?

Grid

answered on 20 Dec 2010

2 answers

231 views

RadEditor lost focus after Autosave

Hello,

I am using RadEditor and arrange it to save automatically. I just copied Auto save demo example to my project. Actually, it works correctly. But Rad editor lost focus after autosave which is really annoying. Do you have any idea about why I am experiencing such a scenario. I would appreciate it a lot, if you could help me to overcome it.

Thanks in Advance
Kind Regards
Aytaç Utku TOPAL

Additional Informations:

I am using RadEditor 2009 Q1 version 2009.1.402.20

here are my timer and editor

    
             <asp:UpdatePanel ID="Deneme" runat="server" UpdateMode="Conditional">  
        
                    <Triggers> 
        
                        <asp:AsyncPostBackTrigger ControlID="TimerAutoSave" EventName="Tick" /> 
        
                    </Triggers> 
        
                    <ContentTemplate> 
        
                        <telerik:RadEditor runat="server" ID="DocEditor" Height="550" Width="100%" OnClientLoad="OnClientLoad">  
        
                        </telerik:RadEditor> 
        
                        <asp:RequiredFieldValidator ID="EditorValidator" runat="server" ControlToValidate="DocEditor" 
        
                            SetFocusOnError="true" Display="Static">  
        
                        </asp:RequiredFieldValidator> 
        
                        <asp:HiddenField ID="hdnUserID" runat="server" Value="" /> 
        
                        <asp:HiddenField ID="hdnLanguageCode" runat="server" Value="" /> 
        
                        <asp:HiddenField ID="hdnTempDocID" runat="server" Value="" /> 
        
                        <asp:HiddenField ID="hdnServerName" runat="server" Value="" /> 
        
                        <asp:HiddenField ID="hdnServerPort" runat="server" Value="" /> 
        
                        <asp:HiddenField ID="hdnVirtualDirectoryName" runat="server" Value="" /> 
        
                        <asp:HiddenField ID="hdnPostASPX" runat="server" Value="" /> 
        
                    </ContentTemplate> 
        
                </asp:UpdatePanel> 
        
                <asp:Timer ID="TimerAutoSave" runat="server" Interval="120000">  
        
                </asp:Timer>

Here are OnclientLoad function and timer related stuffs (It is almost identical with example given. It just doesn't update UI

    
               <script type="text/javascript">  
        
                    function OnClientLoad(sender, args)  
        
                    {  
        
                        var timer = $find("<%=TimerAutoSave.ClientID %>");  
        
                        startCounter();  
        
                     sender.add_spellCheckLoaded(function()  
        
                        {  
        
                            var spell = sender.get_ajaxSpellCheck();  
        
                            spell.add_spellCheckStart(function(sender, args)  
        
                            {  
        
                                timer._stopTimer();  
        
                                //Stop counter  
        
                                stopCounter();  
        
                            });  
        
                            spell.add_spellCheckEnd(function(sender, args)  
        
                            {  
        
                                //Restart the timer;   
        
                                timer._startTimer();  
        
                                //Restart counter  
        
                                startCounter();  
        
                            });  
        
                        }  
        
                        );  
        
                    }  
        
                    var initialSeconds = 120;  
        
                    var currentSeconds = initialSeconds;  
        
                    var interval = null;  
        
                    function startCounter()  
        
                    {  
        
                        if (!interval)  
        
                        {  
        
                            currentSeconds = initialSeconds;  
        
                            interval = window.setInterval(function()  
        
                            {  
        
                                if (currentSeconds > 0)  
        
                                {  
        
                                    currentSeconds--;  
        
                                }  
        
                                else 
        
                                {  
        
                                    currentSeconds = initialSeconds;  
        
                                }  
        
                            }, 1000);  
        
                        }  
        
                    }  
        
                    function stopCounter()  
        
                    {  
        
                        if (interval) window.clearInterval(interval);  
        
                        interval = null;  
        
                    }  
        
                </script>

Editor

answered on 20 Dec 2010

3 answers

105 views

RadCalendar localize date

The rad calendar seems to localize everything but the date itself. For French locale, the date should be DD/MM/YYYY.

This is the code that localizes everything but the date on the RadCalendar:

rcCurrent.CultureInfo =

new System.Globalization.CultureInfo(UserContext.Locale);

What am I missing to get the date to localize?

Calendar

answered on 20 Dec 2010

	<asp:UpdatePanel ID="Deneme" runat="server" UpdateMode="Conditional">
	<Triggers>
	<asp:AsyncPostBackTrigger ControlID="TimerAutoSave" EventName="Tick" />
	</Triggers>
	<ContentTemplate>
	<telerik:RadEditor runat="server" ID="DocEditor" Height="550" Width="100%" OnClientLoad="OnClientLoad">

	</telerik:RadEditor>
	<asp:RequiredFieldValidator ID="EditorValidator" runat="server" ControlToValidate="DocEditor"
	SetFocusOnError="true" Display="Static">
	</asp:RequiredFieldValidator>
	<asp:HiddenField ID="hdnUserID" runat="server" Value="" />
	<asp:HiddenField ID="hdnLanguageCode" runat="server" Value="" />
	<asp:HiddenField ID="hdnTempDocID" runat="server" Value="" />
	<asp:HiddenField ID="hdnServerName" runat="server" Value="" />
	<asp:HiddenField ID="hdnServerPort" runat="server" Value="" />
	<asp:HiddenField ID="hdnVirtualDirectoryName" runat="server" Value="" />
	<asp:HiddenField ID="hdnPostASPX" runat="server" Value="" />
	</ContentTemplate>
	</asp:UpdatePanel>
	<asp:Timer ID="TimerAutoSave" runat="server" Interval="120000">
	</asp:Timer>

	<script type="text/javascript">
	function OnClientLoad(sender, args)
	{
	var timer = $find("<%=TimerAutoSave.ClientID %>");

	startCounter();

	sender.add_spellCheckLoaded(function()
	{
	var spell = sender.get_ajaxSpellCheck();

	spell.add_spellCheckStart(function(sender, args)
	{
	timer._stopTimer();

	//Stop counter
	stopCounter();
	});

	spell.add_spellCheckEnd(function(sender, args)
	{
	//Restart the timer;
	timer._startTimer();

	//Restart counter
	startCounter();
	});
	}
	);
	}


	var initialSeconds = 120;
	var currentSeconds = initialSeconds;
	var interval = null;
	function startCounter()
	{
	if (!interval)
	{
	currentSeconds = initialSeconds;
	interval = window.setInterval(function()
	{
	if (currentSeconds > 0)
	{
	currentSeconds--;
	}
	else
	{
	currentSeconds = initialSeconds;
	}

	}, 1000);
	}
	}
	function stopCounter()
	{
	if (interval) window.clearInterval(interval);
	interval = null;
	}
	</script>