Questions on UI for ASP.NET AJAX Forum

1 answer

406 views

OnMouseOver Backgroung color in listview items

I am using a RadListView. now I would like to single item background color on MouseOver and on Mouse Out.now i use a a CSS on mouseover,
<style type="text/css">
.normal { background-color: #000000 }
.normalActive { background-color: #999999 }
</style>

it change colored all item. but i need single item. any solution???

ListView

answered on 14 Apr 2011

2 answers

125 views

[Solved] RadTooltipManager doesn't work

Hi there, I'm rehearsing with AJAX controls, following your CourseWare.
It seems that RadTooltipManager doesn't work...
The tooltips linked to the tblOptions table are displsyed with standard format, while to one created with RadTooltip works correctly

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="05-UI_1.aspx.vb" Inherits="AjaxProva1._05_UI_1" %>

<%@ 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>AJAX / UI Getting started</title>

</head>

<body>

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

<div>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Hay" />

<table id="tblOptions" style="width: 100%;">

<tr>

<td style="color: #808000; border-right-style: solid; border-width: thin; border-color: #808000">

Music Styles

</td>

<td style="color: #808000">

Media

</td>

</tr>

<tr>

<td colspan="2">

<hr />

</td>

</tr>

<tr>

<td style="border-right-style: solid; border-width: thin; border-color: #808000"

title="Check all the styles you want to see included in the listing." valign="top">

<asp:CheckBox ID="CheckBox1" runat="server" Text="Classical" />

<br />

<asp:CheckBox ID="CheckBox2" runat="server" Text="Classic Rock" />

<br />

<asp:CheckBox ID="CheckBox3" runat="server" Text="Jazz and Fusion" />

<br />

<asp:CheckBox ID="CheckBox4" runat="server" Text="Rhythm and Blues" />

</td>

<td title="Choose the media you want." valign="top">

<asp:RadioButtonList ID="RadioButtonList1" runat="server">

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

<asp:ListItem>Tape</asp:ListItem>

</asp:RadioButtonList>

</td>

</tr>

</table>

<asp:Button ID="Button1" runat="server" Text="See Listing" />

<telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" Animation="FlyIn"

Skin="Hay" ToolTipZoneID="tblOptions">

</telerik:RadToolTipManager>

<telerik:RadToolTip ID="RadToolTip1" runat="server" ManualClose="True" Position="BottomRight"

RelativeTo="Element" Skin="Hay" TargetControlID="Button1" Title="See Listings">

<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/music.png" />

Click this button to view the listings in our catalog for all the types of music

you have selected.

</telerik:RadToolTip>

</div>

</form>

</body>

</html>

ToolTip

answered on 14 Apr 2011

6 answers

427 views

[Solved] Cell Value within selected row

Hi,

GridView control that is released by Microsoft with VS2005, I can easily get the value of any cell with in the selected row (Server side)

Protected Sub GridView1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles GridView1.SelectedIndexChanged

Dim ItemValue As String

ItemValue = GridView1.SelectedRow.Cells(1).Text

End Sub

Can I do it using the rad grid control in simlier way.

Please Help me on this...

Thanks

Grid

answered on 13 Apr 2011

2 answers

135 views

[Solved] Position by element issue with client-side tooltipmanager

Hello,

I have a radgrid with a column of thumbnail images (unique per row), and I would like to add a tooltip with the full-size image that shows and hides when the mouse is above the thumbnail.

this can all be done on the client since the thumbnail images are named similarly to the full-size images. So far I have the following code:

my tooltip manager markup:

<telerik:RadToolTipManager ID="slideToolTipMan" runat="server" OffsetY="-1"

ShowEvent="FromCode" OnClientBeforeShow="OnClientBeforeShow"

EnableShadow="true"

Sticky="false"

RelativeTo="Mouse"

Position="MiddleRight">

</telerik:RadToolTipManager>

the itemtemplate of the gridtemplatecolumn in the radgrid

<ItemTemplate>

<img onmouseout='HideSlideToolTip(this);' onmouseover='ShowSlideToolTip(this);' id="thumbnailImg" alt="X" src='...' />

</ItemTemplate>

the relevant javascript code:

function ShowSlideToolTip(element) {

var tooltipManager = $find("<%= slideToolTipMan.ClientID %>");

if (!tooltipManager) return;

var tooltip = tooltipManager.getToolTipByElement(element);

if (!tooltip) {

tooltip = tooltipManager.createToolTip(element);

tooltip.set_position(Telerik.Web.UI.ToolTipPosition.MiddleRight);

// <here I insert content into the tooltip>

tooltip.show();

tooltip.set_autoCloseDelay(0);

tooltip.set_contentElement(imgElement);

}

tooltip.set_position(Telerik.Web.UI.ToolTipPosition.MiddleRight);

}

function OnClientBeforeShow(sender, args) {

sender.set_position(Telerik.Web.UI.ToolTipPosition.MiddleRight);

}

function HideSlideToolTip(element) {

var controller = Telerik.Web.UI.RadToolTipController.getInstance();

var tooltip = controller.get_activeToolTip();

if (tooltip) tooltip.hide();

}

The result doesn't work the way it should... it is very peculiar.

the tooltips tend to show up at like one of three or so places (ie to the "middleRight" of say Row 1, row 4, and row 5)

all of the tooltips show up and display the correct content when hovered over the corresponding target, however where the tooltip is positioned seems almost random.

this is becoming a problem for the usability of the interface, because the tooltip is rendered on top of it's own target, and thus it closes and reopens with every mouse movement (since the mouseout event is fired when the tooltip element is on top of the target element).

I have tried everything i can think of, but it does not seem to cooperate. any help would be much appreciated!

ToolTip

answered on 13 Apr 2011

3 answers

153 views

[Solved] URL in a Grid

I have a bound grid autogenerating the columns. One column as an abbreviation in it and another has a URL.. What I'd like to do is have the URL column just be a hyperlink for the abbreviation. So, how can I make the abbreviation column a hyperlink column then how can i set the URL to be the value of the other column?

Grid

answered on 13 Apr 2011

1 answer

112 views

ExcelML Border Styling

Hi, I am trying to add grid lines to excelml or a border. I want this applied to all styles no matter what style it is. I tried to do this to the default styles, but my excel file won't open because it's "corrupt". Here is my code:

For Each style As StyleElement In e.Styles

Select Case style.Id

Case "itemStyle"

Dim borders As New BorderStylesCollection()

Dim borderStyle As New BorderStyles

For i As Integer = 1 To 4

'four borders

borderStyle.PositionType = DirectCast(i, PositionType)

borderStyle.Color = System.Drawing.Color.Black

borderStyle.LineStyle = LineStyle.Continuous

borderStyle.Weight = 1.0R

borders.Add(borderStyle)

Next

For Each border As BorderStyles In borders

style.Borders.Add(border)

Next

Exit Select

Case "alternatingItemStyle"

Dim borders As New BorderStylesCollection()

Dim borderStyle As New BorderStyles

For i As Integer = 1 To 4

'four borders

borderStyle.PositionType = DirectCast(i, PositionType)

borderStyle.Color = System.Drawing.Color.Black

borderStyle.LineStyle = LineStyle.Continuous

borderStyle.Weight = 1.0R

borders.Add(borderStyle)

Next

For Each border As BorderStyles In borders

style.Borders.Add(border)

Next

Exit Select

End Select

Next

Can anyone help me?

Thank you.

Grid

answered on 13 Apr 2011

1 answer

90 views

Problem with GridDateTimeColumn Filter

I'm new to the teleric-controls.

I was having a look at an issue where the GridDateTimeColumn of the RadGrid didn't seem to working accordingly. The problem is the filter where the date-format of the database is different then the one displayed in the Grid. I have set the DataFormatString to {0:yyyy-MM-dd}, whereas in the database it is formatted to yyyy-MM-dd. When entering the date in the "filter-box" it also changes to a format that is different then the one expected (it seems to have turned the date around; for instance, yyyy-MM-dd-format has been dd-MM-yyyy-format).

I have been looking in the forums, but can't find a solution that quickly.

Kind Regards,

Pieter

Grid

answered on 13 Apr 2011

3 answers

155 views

Problems with RadEditor

Hello,

I have some questions about the insert, update and delete RadGrid:

1) By deleting a record, I want to display a yes/no alert. If the user confirm then the record is deleted, If not, then the alert is closed and the record stay. How can I do that?

2) I cant display a radwindow from the edit form, why? and how can I do that?

3) Before executing the delete action, I need to retrieve a specific value from the deleted record, for example the value which displayed in the "PagNam" column in order to remove the file with the name "PagNam" by deleting the record.
How can I do it?

Please, I need your hep,
It is appreciated to send me a sample code with an explaination.

Regards,
Bader

Editor

answered on 13 Apr 2011

1 answer

197 views

Display Recursive appointment in grid view

Hi,
I have a schedular which is used to store the staff appointment details.
I also have a dashboard module which has a grid view control to show all the appointments based on the date criteria given on dashboard.meaning if the date selected is 20 March 2011 ,then show all the appointments on the dashbaord which is Scheduled on 20 March 2011.
When a new appointment is created then its appoiintment is stored in a table named "AppointmentSchedular".If the appointment is a recursive appointment then the recursive information is stored in RECDATA field of the AppointmentSchedular table as Follows.
DTSTART:20110411T063000Z DTEND:20110411T073000Z RRULE:FREQ=WEEKLY;UNTIL=20110419T000000Z;INTERVAL=1;BYDAY=MO

What i want is when a new appointment is created which is recursive,then I need to show the recursive appointment on the grid view on Dashbaord Page.
Eg:I created a recursive appointment of a staff on 11 April 2011. The Appointment is Daily basis till 15 April 2011.
So now what i need is, to show this particular appointment from 11 April 2011 to 15 April 2011 on the dashboard.

Urgent Help Needed...
Regards

Scheduler

answered on 13 Apr 2011

2 answers

92 views

Upload not working with first submit

I have radupload control on my web page with progress bar.

Every time I access the page (only used for uploading) and when I click on submit for the first time I dont get error but files are not uploaded.
If I continue to use that page with other files everything is ok.

If I go to another page and then back again, first upload is not working again.

I try IE9 anf FF4. Same thing!

Marko

Upload (Obsolete)

answered on 13 Apr 2011