Questions on UI for ASP.NET AJAX Forum

1 answer

67 views

How to "unclose" a Dock using RadAjaxManager without updating the entire RadDockLayout

I have a RadGrid that shows all the docks that have been closed. It is updated asynchronously from a DockCloseCommand. I want to be able to add records from that grid back as visible docks without sending the markup for the entire RadDockLayout or RadDockZone. I plan to bind data to my docks client-side, and updating the RadDockLayout or RadDockZone will overwrite the data.

I tried to add an ajax setting for the RadGrid that holds the closed docks as the updated control to the RadDock it is updating, but it doesn't seem to be working (1st snippet below).

Relevant code snippets:

Private Sub rgAvailableDocks_DataBound(ByVal sender As Object, ByVal e As System.EventArgs) Handles rgAvailableDocks.DataBound

For Each item As GridDataItem In rgAvailableDocks.Items

Dim addlnkbtn As LinkButton = item.FindControl("lnkbtnAddDock")

If addlnkbtn IsNot Nothing Then

Dim DockUniqueName As String = DirectCast(item.DataItem, DataRowView).Row.Field(Of String)("DockUniqueName")

'UniqueNameToDock(DockUniqueName) => RadDock I want to update (make visible)

RadAjaxManager1.AjaxSettings.AddAjaxSetting(addlnkbtn, UniqueNameToDock(DockUniqueName))

End If

Next

End Sub

Page.Load event:

' Each of these RadGrid objects are inside a RadDock

For Each Grid As RadGrid In Grids

RadAjaxManager1.AjaxSettings.AddAjaxSetting(Grid, Grid)

Next

' A postback on a Dock should update the lblMessage (Label), the Panel that shows the

' closed/available docks, and the header the dashboard header

For Each Dock As RadDock In Docks

RadAjaxManager1.AjaxSettings.AddAjaxSetting(Dock, lblMessage)

RadAjaxManager1.AjaxSettings.AddAjaxSetting(Dock, pnlAvailableDocks, RadAjaxLoadingPanel1)

RadAjaxManager1.AjaxSettings.AddAjaxSetting(Dock, pnlDashboardHeader, RadAjaxLoadingPanel1)

Next

For Each Zone As RadDockZone In Zones

RadAjaxManager1.AjaxSettings.AddAjaxSetting(Zone, lblMessage, RadAjaxLoadingPanel1)

Next

RadAjaxManager1.AjaxSettings.AddAjaxSetting(rgAvailableDocks, pnlAvailableDocks, RadAjaxLoadingPanel1)

Thanks in advance!

Dock

answered on 12 Sep 2011

5 answers

198 views

ProgressArea will not display after two times

Hi,

I hope i'm in correct subforum, i can't find one for progressarea and manager.

I've an issue with the ProgressArea control, as first i will describe the scenario:
At page default.aspx we have toolbar and grid. The grid displays list with all XML files available from a folder. After choosing a XML file, RadWindow will be displayed. In this window we will read the XML and process all contents into database. This take some time to complete, so we will display progressarea control to show the status to user. This works very well at first time but after second or third or fourth time the progressarea will not shown.

The progressarea showns with postback only, so we're forcing a postback when the window loads first time.
The code below is a stripped version. The progress will take more than 1 minute. The progress will reach 100 percent.

RadWindow:

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<script language="javascript" type="text/javascript">

function StartSync(sender, args) {

sender.click();

}

</script>

</head>

<body>

<form id="frm" runat="server">

<div style="display: none">

<telerik:RadButton ID="cmdSync" runat="server" OnClientLoad="StartSync" />

</div>

<div style="padding-top: 10px;">

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

<telerik:RadProgressManager id="radProcessMan" runat="server" />

<telerik:RadProgressArea id="radProcessArea" runat="server" Width="375px" SkinID="radProcArea">

<Localization CurrentFileName="Koppelen:" UploadedFiles="Status:" />

<ProgressTemplate>

<ul class="ruProgress" style="background-image: none; padding-top: 10px;">

<li class="ruFileCount">

<div id="SecondaryProgressBarOuterDiv" class="ruBar" runat="server">

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

</div>

Status: <span id="SecondaryPercent" runat="server"></span>% (<span id="SecondaryValue" runat="server"></span>)

</li>

<li class="ruCurrentFile" style="font-size: 12px;">

Bestand: <br />

<div style="height: 30px; overflow: hidden;">

<b><span id="CurrentOperation" runat="server" style="font-size: 12px"></span></b>

</div>

</li>

</ul>

</ProgressTemplate>

</telerik:RadProgressArea>

</div>

</form>

</body>

</html>

Codebehing RadWindow:

Imports Telerik.Web.UI

Partial Class frmSync

Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

If Not Page.IsPostBack Then

radProcessArea.ProgressIndicators = Upload.ProgressIndicators.CurrentFileName Or _

Upload.ProgressIndicators.FilesCount Or _

Upload.ProgressIndicators.FilesCountBar Or _

Upload.ProgressIndicators.FilesCountPercent

End If

End Sub

Protected Sub cmdSync_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles cmdSync.Click

doSync()

ClientScript.RegisterClientScriptBlock(GetType(Page), "CloseWindow", "GetRadWindow().close()", True)

End Sub

Private Sub doSync()

Dim counter As Integer

Dim i As Integer

Dim strFileName As String

'set progress to zero

UpdateProgress(0, "adressen verwerken...", 0, 0)

Try

strFileName = "c:\temp\xmlfile.xml"

If File.Exists(strFileName) Then

xmldoc = New XmlDocument

xmldoc.Load(strFileName)

counter = xmldoc.SelectNodes("/nodes").Count

i = 0

Dim xmlNode As XmlNode

For Each xmlNode In xmldoc.SelectNodes("/nodes")

'Process each node

'update progressbar

UpdateProgress(CInt(i / (counter / 100)), "", counter, i)

i += 1

Next

End If

Catch ex As Exception

exceptions.log.Publish(ex)

Finally

xmldoc = Nothing

End Try

End Sub

Private Sub UpdateProgress(ByVal intPercent As Integer, ByVal strMessage As String, ByVal intCount As Integer, ByVal intCurrent As Integer)

Dim radProgress As RadProgressContext

Try

radProgress = RadProgressContext.Current

radProgress.SecondaryPercent = intPercent

radProgress.SecondaryTotal = 100

radProgress.SecondaryValue = String.Format("adres {0} van {1} adressen", intCurrent, intCount)

radProgress.CurrentOperationText = strMessage

Catch ex As Exception

exceptions.log.Publish(ex)

End Try

End Sub

End Class

AsyncUpload

answered on 12 Sep 2011

4 answers

318 views

[Solved] Selected Tab lost when in PageView set not to render

This is a change in behavior from the previous tab strip, and I believe is a bug.

I have a top-level tab strip (line 1, below) that controls a multi-page (line 15). The multi-page is set to only render the selected page. Inside the first page view (line 17), I have another tab strip (line19) and another multi-page (line 28). Everything is set to selectedindex = 0 so that the first of everything is shown on initial view.

The page loads. All is well. I can click on the second level tab (line 19) and see what I need to see. Say, for example, that I click on tab 4 (in the lower tab strip - line 24). I see, as expected, the page view 4 (line 38), which is associated with that tab. And, the 4th tab is selected.

If I click on tab 2 on the top (line 6), then back to tab 1 (line 5), I still see page view 4 (line 38) as expected, but none of the second level tabs (lines 21-25) show as selected.

Only if I set it to render the unselected pages (in the top multi-page, line 15), is the selected tab still selected.

Thank you for checking this out. As I said, this is a change in behavior. I would greatly prefer not to have to render everything as I'm trying to save bandwidth on some pretty complex pages.

Thank you.

    
            <telerik:RadTabStrip AutoPostBack="true" ID="MainTab" runat="server" MultiPageID="MP1" SelectedIndex="0"> 
        
                <Tabs> 
        
                    <telerik:RadTab runat="server" Text="Tab 1" /> 
        
                    <telerik:RadTab runat="server" Text="Tab 2" /> 
        
                    <telerik:RadTab runat="server" Text="Tab 3" /> 
        
                    <telerik:RadTab runat="server" Text="Tab 4" /> 
        
                    <telerik:RadTab runat="server" Text="Tab 5" /> 
        
                </Tabs> 
        
            </telerik:RadTabStrip>  
        
            <telerik:RadMultiPage ID="MP1" RenderSelectedPageOnly="true" runat="server" SelectedIndex="0"> 
        
                <telerik:RadPageView ID="PV1" runat="server"> 
        
                    <h1>Page View 1</h1> 
        
                    <telerik:RadTabStrip ID="SubTab" MultiPageID="MP2" runat="server" AutoPostBack="true" SelectedIndex="0" EnableViewState="true"> 
        
                        <Tabs> 
        
                            <telerik:RadTab runat="server" Text="SubTab 1" PageViewID="SubView1" /> 
        
                            <telerik:RadTab runat="server" Text="SubTab 2" PageViewID="SubView2" /> 
        
                            <telerik:RadTab runat="server" Text="SubTab 3" PageViewID="SubView3" /> 
        
                            <telerik:RadTab runat="server" Text="SubTab 4" PageViewID="SubView4" /> 
        
                            <telerik:RadTab runat="server" Text="SubTab 5" PageViewID="SubView5" /> 
        
                        </Tabs> 
        
                    </telerik:RadTabStrip> 
        
                    <telerik:RadMultiPage ID="MP2" runat="server" SelectedIndex="0" RenderSelectedPageOnly="false"> 
        
                        <telerik:RadPageView ID="SubView1" runat="server"> 
        
                            <h2>SubView 1</h2> 
        
                        </telerik:RadPageView> 
        
                        <telerik:RadPageView ID="SubView2" runat="server"> 
        
                            <h2>SubView 2</h2> 
        
                        </telerik:RadPageView> 
        
                        <telerik:RadPageView ID="SubView3" runat="server"> 
        
                            <h2>SubView 3</h2> 
        
                        </telerik:RadPageView> 
        
                        <telerik:RadPageView ID="SubView4" runat="server"> 
        
                            <h2>SubView 4</h2> 
        
                        </telerik:RadPageView> 
        
                        <telerik:RadPageView ID="SubView5" runat="server"> 
        
                            <h2>SubView 5</h2> 
        
                        </telerik:RadPageView> 
        
                    </telerik:RadMultiPage> 
        
                </telerik:RadPageView> 
        
                <telerik:RadPageView ID="PV2" runat="server"> 
        
                    <h1>Page View 2</h1> 
        
                </telerik:RadPageView> 
        
                <telerik:RadPageView ID="PV3" runat="server"> 
        
                    <h1>Page View 3</h1> 
        
                </telerik:RadPageView> 
        
                <telerik:RadPageView ID="PV4" runat="server"> 
        
                    <h1>Page View 4</h1> 
        
                </telerik:RadPageView> 
        
                <telerik:RadPageView ID="PV5" runat="server"> 
        
                    <h1>Page View 5</h1> 
        
                </telerik:RadPageView> 
        
            </telerik:RadMultiPage>

TabStrip

answered on 12 Sep 2011

2 answers

104 views

Unclosed Tag

Hi Telerik Team,

Small typo in one of your codes.

<asp:CustomValidator

ID="Customvalidator1" runat="server"

Display="Dynamic" ClientValidationFunction="validateRadUpload1">

The tag needs to be closed - RadUpload

Cheers,
Navnit

Upload (Obsolete)

answered on 12 Sep 2011

1 answer

269 views

RadComboBox SelectedValue retaining value

We have a specific requirement where a radcombox is defined with the following properties

Allowcustomtext is true
EnableOnDemand is true
Items are loaded on ItemsRequested event
EnableViewstate and EnableItemcaching is false

As and when the user types in a text, the items are returned and by accessing the selectedvalue property I am able to retrieve the current selection.

But since custom text is allowed, user can type in any custom text and click insert. We cannot accept the user to insert custom values. When I check the text property of the radcombobox, its the custom text (adhoc value), but the selectedvalue retains the value of previously selected items value. I was expecting the selectedvalue to be null or empty string in case of an adhoc value.
On checking various telerik forums and google, suggestion to overcome this issue is use RadComboBox.Value property. But to my surprise, the 'value' property is not exposed. I tried using the SelectedItem.Value, but as rightly pointed out in Telerik troubleshooting SelectedItem will be null in case of LoadOnDemand.
Please suggest a way by which we can get to know whether the user has not entered any custom text (ad hoc).

Please note that the telerik radcombo is inside an user control, which is loaded as a pop-up.
I cannot set the allowcustomtext to false as I fetch items on item requested event.

Kindly suggest me a way to overcome this issue.

ComboBox

answered on 12 Sep 2011

1 answer

457 views

Integrating Telerik with Sharepoint 2010

Hi!

In my organization need to use Sharepoint to facilitate the modification of websites by the direct user, that's why we started to used Sharepoint, but we faced a problem, actually we were developing with visual studio 2010 and telerik for ASP, I started to develop aspx in Sharepoint designer but Sharepoint doesn't recognize the telerik tags, so my question is: do we need to install some package?, do we need another product to sharepoint?, what do we need to integrate telerik with sharepoint 2010? we want to use all the Telerik's collection (radTabStrip, menus, skins, ...) in the Sharepoint designer. I have a Sharepoint Server and in my personal computer i have Visual Studio and Telerik installed. does the software should be installed in the same machine?

Thanks in advance, i'm very confused!

Sharepoint Integration

answered on 12 Sep 2011

3 answers

88 views

DateTimePicker - bring up both date and time pick at the same time.

First let me appologize that this is in the general discussion because I couldn't find one specific to the DateTimePicker.

Is there a way to have the DateTimePicker put up both a calendar and a time at the same time? I have a javascript one that will let you do both at the same time but it has issues.

TIA - Jeff.

General Discussions

answered on 12 Sep 2011

1 answer

94 views

RadGrid RgPager lost

Hi, I use the default Pagination provided by the Telerik RadGrid.

How do you display the RgPager always, regardless of the items/records within the RadGrid? This has become an issue as the Pager drop-down filter is lost once you select a value which is higher than the current number of records within the RadGrid.

Example:
Default page size of the RadGrid is 10
RadGrid has 27 records
User selects page size of 50 from the drop-down
The RgPager is gone/lost
User has no option to reduce the size of the RadGrid/Table

I tried RadGrid.ShowFooter = True but it only displays the footer and not the RgPager. Appreciate the help if anyone knows about this.

Thanks!

Grid

answered on 12 Sep 2011

8 answers

257 views

RadSlidingPane and its ToolTip

Hi,
The problem is that the tooltip of a RadSlidingPane is:
- not displayed on the expanded pane
- on collapsed pane, its title is displayed as a tooltip, not its ToolTip property value
It's a pity especially because the title itself must be very short: if it becomes longer then approx. 75px (when the pane is 150px wide) it (I mean - the whole header of the expanded sliding pane) starts to be displayed incorrectly (depending on the browser; special problems appear when the pane is docked).

It would be much appreciated to be able to use the RadSlidingPane's property ToolTip.

Regards
Tomasz

Splitter

answered on 12 Sep 2011

1 answer

51 views

Roatator under a scrollable splitter pane

Hi,

I added a rotator inside a splitter pane, I put it at the top, it works well except when I scroll down the page, the rotator freeze at the top and the scrolling seems not apply to the rotator.

I am using the latest build and IE9.

Any idea?

Thanks.

Rotator

answered on 12 Sep 2011

	<telerik:RadTabStrip AutoPostBack="true" ID="MainTab" runat="server" MultiPageID="MP1" SelectedIndex="0">

	<Tabs>

	<telerik:RadTab runat="server" Text="Tab 1" />
	<telerik:RadTab runat="server" Text="Tab 2" />
	<telerik:RadTab runat="server" Text="Tab 3" />
	<telerik:RadTab runat="server" Text="Tab 4" />
	<telerik:RadTab runat="server" Text="Tab 5" />

	</Tabs>

	</telerik:RadTabStrip>

	<telerik:RadMultiPage ID="MP1" RenderSelectedPageOnly="true" runat="server" SelectedIndex="0">

	<telerik:RadPageView ID="PV1" runat="server">
	<h1>Page View 1</h1>
	<telerik:RadTabStrip ID="SubTab" MultiPageID="MP2" runat="server" AutoPostBack="true" SelectedIndex="0" EnableViewState="true">
	<Tabs>
	<telerik:RadTab runat="server" Text="SubTab 1" PageViewID="SubView1" />
	<telerik:RadTab runat="server" Text="SubTab 2" PageViewID="SubView2" />
	<telerik:RadTab runat="server" Text="SubTab 3" PageViewID="SubView3" />
	<telerik:RadTab runat="server" Text="SubTab 4" PageViewID="SubView4" />
	<telerik:RadTab runat="server" Text="SubTab 5" PageViewID="SubView5" />
	</Tabs>
	</telerik:RadTabStrip>
	<telerik:RadMultiPage ID="MP2" runat="server" SelectedIndex="0" RenderSelectedPageOnly="false">
	<telerik:RadPageView ID="SubView1" runat="server">
	<h2>SubView 1</h2>
	</telerik:RadPageView>
	<telerik:RadPageView ID="SubView2" runat="server">
	<h2>SubView 2</h2>
	</telerik:RadPageView>
	<telerik:RadPageView ID="SubView3" runat="server">
	<h2>SubView 3</h2>
	</telerik:RadPageView>
	<telerik:RadPageView ID="SubView4" runat="server">
	<h2>SubView 4</h2>
	</telerik:RadPageView>
	<telerik:RadPageView ID="SubView5" runat="server">
	<h2>SubView 5</h2>
	</telerik:RadPageView>
	</telerik:RadMultiPage>
	</telerik:RadPageView>

	<telerik:RadPageView ID="PV2" runat="server">
	<h1>Page View 2</h1>
	</telerik:RadPageView>

	<telerik:RadPageView ID="PV3" runat="server">
	<h1>Page View 3</h1>
	</telerik:RadPageView>

	<telerik:RadPageView ID="PV4" runat="server">
	<h1>Page View 4</h1>
	</telerik:RadPageView>

	<telerik:RadPageView ID="PV5" runat="server">
	<h1>Page View 5</h1>
	</telerik:RadPageView>

	</telerik:RadMultiPage>