Questions on UI for ASP.NET AJAX Forum

2 answers

166 views

When I view the following tool tip in IE7 or IE8 Compatibility view,it looks like it the tooltip in the left in the image.but if i move the cursour from the link and then back to it to show the tooltip, it looks like the one on right. Image attached.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication3._Default" %>

<%@ 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></title>
</head>

<body>
 <form id="form1" runat="server">
 <div>
 <asp:ScriptManager runat="server">
 </asp:ScriptManager>
<%-- <telerik:RadToolTip ID="some" Text="hello" TargetControlID="rr" runat="server" OnClientBeforeShow="clientShow">
 </telerik:RadToolTip>--%>
 <asp:TextBox runat="server" ID="rr"></asp:TextBox>


 <asp:HyperLink ID="HyperLink1" runat="server">HyperLink</asp:HyperLink>
 <telerik:RadToolTip ID="RadToolTip1" Text=" Average Good Meets Expectations <hr/><h1>Exceeds Expectations</h1> Outstanding this is line 2 and another line here 1 and another line here 2 and another line here 3 and another line here 4 and another line here 5 and the last one " runat="server" TargetControlID="HyperLink1" Width=200 Height=100 OnClientBeforeShow="BeforeShow">
 </telerik:RadToolTip>
 </div>
 </form>
</body>
</html>

ToolTip

answered on 20 Nov 2009

2 answers

538 views

[Solved] How to hide Horizontal scrollbar in the radGrid

Hi there,

I have hierarchical radGrid (2 level) and I set the Scrolling AllowScroll=True, UseStaticHeaders = True.
The issue that I have is the Horizontal scrollbar always appear eventhough the total width for the column is 100%.
I'm using percentage instead of the fixed width. I tried to change the total width to less 100%, the result was equally bad.

Since this grid is inside the ajax update panel, when an ajax request was made, suddenly the horizontal re-adjusted and disappeared.
Is there a way to hide the horizontal scrollbar?

I'm using version 2009 Q2.

Thanks

Grid

answered on 20 Nov 2009

1 answer

59 views

Grid sorts before it closes editmode on save

I have a grid that all the rows are open in edit mode using inplace updating.
The problem is that when I save a row (let's say this record is the 3rd row of the grid).
When the grid rebinds it will apply the sort expression of the bound sql statement and if the saved value is part of the sort the record will move to a different position in the grid (let's say it bubbled up to the 2nd row because of the sort)
Next the grid will close the edit mode and show the edit pencil but it closes the 3rd row instead of the new position of the edited record at the 2nd row. It appears to sort before it closes the edit mode? This makes the user think that the record wasn't saved and really messes with their head... Any clever ideas on how to fix this one?

Grid

answered on 20 Nov 2009

1 answer

113 views

Hide repeat data

I am trying to hide the tablecell data for a column if it has the same DataKeyValue as the row
above. Does anyone know if this is possible? Thanks in advance.

Column 1        Column 2
xxxxxxxxxx        xxxxxxxxxxx
Blank              xxxxxxxxxxx

Blank Column 1, 2nd row value because both rows have the same datakeyvalue.

Joshua

Grid

answered on 20 Nov 2009

1 answer

456 views

set tooltip content alignment

My tooltip text seems to be centered and I would like it to be left-justified. I'm not sure if this is the result of some other css styles on my page or if it default behavior. How do I explicitly set the content of the tooltip to be left-aligned? I am using the autotooltipify property with some <li> tags. I tried to set the text-align css property of the <li> tags, but this didn't seem to have any effect on the tooltip.

ToolTip

answered on 20 Nov 2009

1 answer

114 views

Applying filtering across two columns from outside controls

I have a UI which needs filtering activated.

The scrum story reads, "As a user I want to filter grid rows using calendar controls to select a start date and an end date."

There are two columns in the grid: Job Start, and Job End. I need to apply the following filter logic:
JobStart >= calendarStartDate AND JobEnd < calendarEndDate.

The routine executes in the event handler of the "apply filter" button.

Can someone please tell me what I am doing wrong?

    
                    protected void UpdateButton_OnClick(object sender, EventArgs args)  
        
                    {  
        
                        //First attempt was to directly edit the filter expression  
        
                        //this._jobReportsSummaryGrid.Grid.MasterTableView.FilterExpression = string.Format("[JobStart] >= '{0}' AND [JobEnd] < '{1}'", _startDateCalendar.SelectedDate, _endDateCalendar.SelectedDate);  
        
                        //When that didn't work I added this   
        
                        this._jobReportsSummaryGrid.Grid.AllowFilteringByColumn = true;              
        
                        GridColumn JobStartColumn = this._jobReportsSummaryGrid.Grid.MasterTableView.GetColumnSafe("JobStart");  
        
                        JobStartColumn.CurrentFilterFunction = GridKnownFunction.GreaterThanOrEqualTo;  
        
                        JobStartColumn.CurrentFilterValue = _startDateCalendar.SelectedDate.Value.Date.ToString("MM/dd/yyyy");              
        
                        GridColumn JobEndColumn = this._jobReportsSummaryGrid.Grid.MasterTableView.GetColumnSafe("JobEnd");  
        
                        JobEndColumn.CurrentFilterFunction = GridKnownFunction.LessThan;  
        
                        JobEndColumn.CurrentFilterValue = _startDateCalendar.SelectedDate.Value.Date.ToString("MM/dd/yyyy");  
        
                        //...and when that didn't work, I came here  
        
                    }

Grid

answered on 20 Nov 2009

3 answers

140 views

Problems with asp.net membership forms

Hi, I tried using the form decorator on the asp.net membership forms but only the buttons are skinable? Any info on how to decorate the stock forms without having to create custom login, change password forms ?

thanks

Also, unrelated question - is there a rad button or button making tool that is available with telerik - or to be able to create rounded buttons like on the rad upload page (for example?) ? or at the bottom of this page (post button)?

thanks

FormDecorator

answered on 20 Nov 2009

3 answers

145 views

Calender display ToolTip

I'm trying to get Tooltip displayed based on given day. I followed the Calendar demo example but its not working. Here are my codes.

ASPX Code:
 <telerik:RadCalendar ID="RadCalendar1" OnDayRender="RadCalendar1_DayRender" Width="200" Height="200" Skin="Web20" runat="server" />
 <telerik:RadToolTipManager Width="215px" Height="300px" RelativeTo="Element" ID="RadToolTipManager1"
 runat="server" OffsetX="15" OnAjaxUpdate="RadToolTipmanager1_AjaxUpdate" Position="MiddleRight" Skin="Telerik">
 </telerik:RadToolTipManager>

VB Code:
Protected Sub RadCalendar1_DayRender(ByVal sender As Object, ByVal e As Telerik.Web.UI.Calendar.DayRenderEventArgs)
 Dim ID As Integer = IsDayRegisteredForTooltip(e.Day.[Date])
 If ID <> -1 Then
 Dim cell As TableCell = e.Cell
 cell.CssClass = "Appointment"
 cell.Attributes.Add("ID", "Calendar1_" + ID.ToString())
 RadToolTipManager1.TargetControls.Add(e.Cell.Attributes("ID"), ID.ToString().Substring(ID.ToString().IndexOf("_"c) + 1), True)
 End If
 End Sub
 Private Function IsDayRegisteredForTooltip(ByVal p_Eventdate As DateTime) As Integer
 Dim m_dResult As DataSet
 Dim clsSBAMethod As New SBAMethods
 Dim m_startDate, m_endDate As Date

 m_startDate = p_Eventdate
 m_endDate = p_Eventdate

 m_dResult = GetEventList(m_startDate.ToString("MM/dd/yyyy"), m_endDate.ToString("MM/dd/yyyy"), "", "", 0, 0)
 If m_dResult.Tables(0).Rows.Count > 0 Then
 Return Integer.Parse(m_dResult.Tables(0).Rows(0)("cale_id"))
 End If
 Return -1
 End Function

 Protected Sub RadToolTipManager1_AjaxUpdate(ByVal sender As Object, ByVal e As Telerik.Web.UI.ToolTipUpdateEventArgs)

 Dim details As c_eventdetail = DirectCast(Me.LoadControl("../user_controls/c_eventdetail.ascx"), c_eventdetail)
 details.EventID = Integer.Parse(e.Value)
 e.UpdatePanel.ContentTemplateContainer.Controls.Add(details)
 End Sub

EventDetail Control code:
Private Sub Page_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.PreRender
 Dim clsSBAMethod As New SBAMethods
 Dim m_Result As DataSet
 m_Result = GetEventDetails(EventID)
 If m_Result.Tables(0).Rows.Count > 0 Then
 lblDetail.Text = m_Result.Tables(0).Rows(0)("descript")
 End If
 End Sub

Can someone please help me, all the data are coming from webservice method?

Calendar

answered on 20 Nov 2009

4 answers

283 views

get_display() always returns false

I am trying to get the visibility of a datagrid row and it always returns "false".

    
            function toggleTreeRows(gridId,rowId) { 
        
                    var masterTable = $find(gridId).get_masterTableView(); 
        
                    var rows = masterTable.get_dataItems(); 
        
                    for (var i = 0; i < rows.length; i++){ 
        
                        var row = rows[i]; 
        
                        if (rowId == row.get_element().getAttribute('lineage')){ 
        
                            alert(row.get_display()); 
        
                            break; 
        
                        } 
        
                    } 
        
                }

any ideas?

Grid

answered on 20 Nov 2009

6 answers

157 views

Under FireFox only the first encountered button is decorated

Hello,

RadformDecorator with default option and v Q309 (3.111).
Under FF3, It appears that only the first button from several (3) buttons is decorated, for IE everything is Ok.
I changed the order and the first is the only decorated.

Here is the code for buttons:

    
                        <input onclick="FullScreen()" type="button" value="MEDIA_WARNING_FULLSCREEN" id="btnFullScreen" runat="server" /> 
        
                        <input onclick="PauseMe()" type="button" value="MEDIA_PAUSE" id="btnPause" runat="server" />   
        
                        <input onclick="StopMe()" type="button" value="MEDIA_STOP" id="btnStop" runat="server" />

Is it a bug ?

CS

FormDecorator

answered on 20 Nov 2009