Questions on UI for ASP.NET AJAX Forum

1 answer

143 views

Slider Width

Hello,

I have an asp.net page that accesses a datasource to get information about an object Game for the year. Each Game has a start date and end date.

I want to dynamically generate slider for each game. However, here's the twist. The WIDTH of the HANDLE of slider should be scaled
according to the game length = start date - end date.

I am lost as to how to approach this problem. Any help would be appreciated.

Example :
The database returns the following
Game 1: Start Date = Apr, End Date = June , Hence Length = 3
Game 2: Start Date = Feb, End Date = Aug, Hence Length = 7
Game 2: Start Date = Oct, End Date = Nov, Hence Length = 2

                 Jan    Feb   Mar   Apr   May June July Aug Sept Oct Nov Dec
Game 1     ---------------------[|||||||||||||||||||||||||||||||||]--------------------------------------
Game 2     -------[|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||]--------------------------
Game 3     ----------------------------------------------------------------[|||||||||||||||||]-----

Also, I should be able to get slider values. Can this be done using Telerik or do I need to do this using Jquery or some other library.

Any help would be appreciated.

Thanks

Slider

answered on 13 Apr 2010

1 answer

86 views

Move Text

Can anyone tell me how to move the text in radtab to baseline? Or change the position of the text accordingly?

TabStrip

answered on 13 Apr 2010

4 answers

145 views

Full Expand & Readonly

I would like my panel to always have every item expanded. I would also like to prevent users from clicking on the panel. I am binding the panel to a site map, and I want the user to be able to see where they're at in the wizard, but I don't want them to navigate via the panel. Are there properties I can set to allow this?

PanelBar

answered on 13 Apr 2010

2 answers

199 views

[Solved] Textbox value persistance in Radgrid.

Hi,
I have textbox(GridTemplateColumn) in Radgrid.
Textbox values are not persisting when i switch through pages in grid.
Please let me know how to persist the textbox values?
And how to access all the rows in the grid.

radGrid.MasterTableView.Items gives rows of the current page only.
I want to access all the rows across pages.

Thank You.

Grid

answered on 13 Apr 2010

5 answers

243 views

Add New Record and + sign function differently in Radgrid

Hi,

We have two Radgrids on a web content page. For one grid, the edit form is an aspx page. When you click edit in the grid, an aspx page is loaded into the edit section of the grid. We created an eventhandler for onbeforeunload event for the aspx page, so when user leaves the aspx page(have the edit section open) and click on a button, linkbutton, leave the content page...etc, a popup will display. This works great except clicking the Add New Record in the other grid displays our pop up and clicking the +sign(left to Add New Record) doesn't, which confuses our users. Refresh button and its sign have the same issue.

Could any body help me?
Thanks & Regards,
Zwu

Grid

answered on 13 Apr 2010

5 answers

124 views

[Solved] How to get what is attached in editor eg. image, pdf, doc, txt etc....

Hi,

How i will know that what is attached in editor content (using image manager and document manager etc....) when i submit all data.

here attachment means Images, Document, etc..........

Editor

answered on 13 Apr 2010

1 answer

157 views

OnAjaxUpdate Error in Tooltip RadGrid

I basically want to use the Tool / ToolTipified Grid from the Telerik, I followed pretty much the same instructions with a bit of differences in ascx. But it gave me the error:

RadToolTipManager response error:
Exception=Sys.WebForms.PageRequetManagerServerErrorException: Object reference not set to an instance of an object.

And the tooltip fires but content is not populated.

Below are my codes:

Default.aspx

    
            <telerik:RadAjaxPanel runat="server" ID="AjaxPanel">         
        
                     <telerik:RadGrid  ID="RadGrid1" runat="server" AllowMultiRowSelection="true" 
        
                            AllowSorting="True" AutoGenerateColumns="False" GridLines="Both"    
        
                            Skin="Black" SelectedItemStyle-ForeColor="Aqua" OnSortCommand="RadGrid1_SortCommand">  
        
                         <MasterTableView  ClientDataKeyNames="NodeName" RowIndicatorColumn-Display="false" TableLayout="Auto" AllowMultiColumnSorting="true" DataKeyNames="NodeName"    > 
        
                         <Columns> 
        
                        <telerik:GridBoundColumn HeaderText="Terminal" DataField="NodeName" SortExpression="NodeName" ItemStyle-Wrap="false"   
        
                                 ItemStyle-HorizontalAlign="Center" UniqueName="DisplayName">  
        
                            <ItemStyle HorizontalAlign="Left" Wrap="False" /> 
        
                             </telerik:GridBoundColumn> 
        
                        <telerik:GridBoundColumn HeaderText="IP Address" DataField="IPAddress" SortExpression="IPAddress" ItemStyle-Wrap="false"   
        
                                 ItemStyle-HorizontalAlign="Center" UniqueName="IpAddress" HeaderStyle-HorizontalAlign="Center" AllowSorting="false" > 
        
                             </telerik:GridBoundColumn> 
        
                                   <telerik:GridBoundColumn HeaderText="Last Online Time" SortExpression="LastOnline"  ItemStyle-Wrap="false" ItemStyle-HorizontalAlign="Center" UniqueName="LastOnlineTime" HeaderStyle-HorizontalAlign="Center" AllowSorting="false" > 
        
                             </telerik:GridBoundColumn> 
        
                              <telerik:GridTemplateColumn HeaderText="Product" SortExpression="ProductName">  
        
                                <ItemTemplate> 
        
                                    <asp:HyperLink ID="targetControl" runat="server" NavigateUrl="#"><img src="Style/Images/page2.gif" border="0" /></asp:HyperLink> 
        
                                </ItemTemplate> 
        
                            </telerik:GridTemplateColumn>          
        
                         </Columns> 
        
                         <RowIndicatorColumn> 
        
                                    <HeaderStyle Width="20px" /> 
        
                                </RowIndicatorColumn> 
        
                                <ExpandCollapseColumn> 
        
                                    <HeaderStyle Width="20px" /> 
        
                                </ExpandCollapseColumn> 
        
                            </MasterTableView> 
        
                            <ClientSettings EnableRowHoverStyle="true" >  <Selecting AllowRowSelect="true"/>  
        
                              <ClientEvents OnRowCreated="RadGrid1_RowCreated" OnRowDeSelected="RadGrid1_RowDeselected" OnRowSelected="RadGrid1_RowSelected" OnRowContextMenu="RowContextMenu" /> 
        
                                </ClientSettings> 
        
                             </telerik:RadGrid> 
        
               <asp:Timer ID="Timer1" runat="server" EnableViewState="False" Interval="500000" OnTick="Timer1_Tick">  
        
                    </asp:Timer> 
        
                 </telerik:RadAjaxPanel> 
        
                <telerik:RadAjaxManager ID="RadAjaxManager2" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">  
        
                   <AjaxSettings> 
        
                       <telerik:AjaxSetting AjaxControlID="Timer1">  
        
                           <UpdatedControls> 
        
                               <telerik:AjaxUpdatedControl ControlID="AjaxPanel" /> 
        
                           </UpdatedControls> 
        
                           <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                <telerik:AjaxUpdatedControl ControlID="RadToolTipManager1" /> 
        
                            </UpdatedControls> 
        
                       </telerik:AjaxSetting> 
        
                   </AjaxSettings> 
        
                </telerik:RadAjaxManager> 
        
                <telerik:RadToolTipManager ID="RadToolTipManager1" OffsetY="-1" HideEvent="ManualClose"   
        
                    Width="250" Height="350" runat="server"  RelativeTo="Element"  OnAjaxUpdate="OnAjaxUpdate"   
        
                    Position="MiddleRight" > 
        
                </telerik:RadToolTipManager> 
        
                <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="30" CssClass="LoadingPanel" > 
        
                </telerik:RadAjaxLoadingPanel>

Default.aspx.vb

    
                Private Sub UpdateToolTip(ByVal elementID As String, ByVal panel As UpdatePanel)  
        
                    Dim ctrl As Control = Page.LoadControl("ctrlGridRowDetail.ascx")  
        
                    panel.ContentTemplateContainer.Controls.Add(ctrl)  
        
                    Dim details As ctrlGridRowDetail = DirectCast(ctrl, ctrlGridRowDetail)  
        
                    details.rowID = elementID  
        
                End Sub 
        
                Sub OnAjaxUpdate(ByVal sender As Object, ByVal args As ToolTipUpdateEventArgs)  
        
                    Me.UpdateToolTip(args.Value, args.UpdatePanel)  
        
                End Sub 
        
             Private Sub RadGrid1_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles RadGrid1.ItemDataBound  
        
                    If (TypeOf (e.Item) Is GridDataItem) Then 
        
                        Dim target As Control = e.Item.FindControl("targetControl")  
        
                        If Not [Object].Equals(target, Nothing) Then 
        
                            If Not [Object].Equals(Me.RadToolTipManager1, Nothing) Then 
        
                                Me.RadToolTipManager1.TargetControls.Add(target.ClientID, (TryCast(e.Item, GridDataItem)).GetDataKeyValue("NodeName").ToString(), True)  
        
                            End If 
        
                        End If 
        
                    End If 
        
                End Sub 
        
             Protected Sub RadGrid1_SortCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridSortCommandEventArgs)  
        
                    RadToolTipManager1.TargetControls.Clear()  
        
            End Sub

Controls

    
            <%@ Control Language="vb" AutoEventWireup="false" CodeBehind="ctrlGridRowDetail.ascx.vb" Inherits="ClientWebApp.ctrlGridRowDetail" %> 
        
              <asp:Label runat="server" ID="lblTitle"></asp:Label> 
        
              <asp:Label ID="lblAttribute" runat="server"></asp:Label>

    
             Private row As String 
        
                Property rowID() As String 
        
                    Get 
        
                        Return row  
        
                    End Get 
        
                    Set(ByVal value As String)  
        
                        row = value  
        
                    End Set 
        
                End Property 
        
                Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load  
        
                             BindNodeInfo()  
        
                End Sub 
        
                Protected Sub BindNodeInfo()  
        
                             <<-- Populate Data here and attach result to a string builder -->   
        
                            lblAttribute.Text = sb.ToString()  
        
                End Sub

ToolTip

answered on 13 Apr 2010

1 answer

104 views

With DisableFilter(RemoveScripts) still have some <script removed when multiple <script tags exist in content

Using version: Version 2009.3.1208 (Dec 8, 2009)

I have disabled the RemoveJavascript filter using the following code:
RichTextEditor.DisableFilter(EditorFilters.RemoveScripts);
RichTextEditor.DisableFilter(EditorFilters.EncodeScripts);

Now, in the UI in HTML mode I paste in the following code:
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script>if (WIDGETBOX) WIDGETBOX.renderWidget('ea4c7da5-c69b-4b5d-be46-c584cc005caf');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/magic8ball">Magic 8 Ball</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript>

Click Save and the radEditor's contents at the server are:
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script>

Can someone explain to me why the other script content has been removed?

Thank you,

Llad

Editor

answered on 13 Apr 2010

4 answers

156 views

Image manager / Image editor arrow keys don't work

When I use the Telerik Editor, and clik on the Image Manager, a window with folders and files on the server appear.
When I try to move between folders or files with the up/down arrow keys, the whole explorer moves instead of changing the image preview between folder or files, as windows explorer does.
Is there any way to make that the up/down arrow keys change between files, to see different image previews without having to use the mouse?
Thank you!

Editor