Questions on UI for ASP.NET AJAX Forum

1 answer

87 views

Tooltip on mapped Image

Hi guys I have the next mapped image

<img src="../App_Themes/img/estados.png" width="630" height="439" border="0" usemap="#EA70" />

<MAP NAME="EA70">

<area shape="rect" coords="309,101,428,123" href="iuEvalSolc.aspx" title="Solicitudes Enviadas 1004">

<area shape="rect" coords="159,179,279,201" href="EA82.htm" title="Solicitudes Rechazadas 620">

<area shape="rect" coords="460,179,580,201" href="iuRevDoc.aspx" title="Solicitudes Aceptadas 557">

<area shape="rect" coords="460,324,580,345" href="iuRegProvContr.aspx" title="Solicitudes Dictaminadas 941">

<area shape="rect" coords="459,408,579,430" href="EA75.htm" title="Solicitudes Cerradas 278">

<area shape="rect" coords="159,20,279,42" href="iuSolRegistrada.aspx">

<area shape="rect" coords="9,101,129,123" href="iuSolCancelada.aspx" title="Solicitudes Canceladas 334">

<area shape="rect" coords="460,249,580,271" href="iuRevDoc.aspx" title="Solicitudes en Revision 775">

</MAP>

The image corresponds each area corresponds a stage in my application.
What I want to do is on mouseover each area display a tooltip that shows the count of records for each stage, I'm using Entity framwork.
Hope your help.

ToolTip

answered on 02 Feb 2012

1 answer

115 views

Scrollheight does not work when in detail view

Hi,

I have a telerik radgrid with a page size of 10 and am using static header for freezing columns. I need a vertical scrollbar to appear when I expand rows to see the detail view and when I scroll, the header should be static. Currently, no matter what scroll height I set, the page height increases along with the grid (and I have to use the browser scroll bar to go down which means I cannot view the header) but no vertical scrollbar appears when viewing the detail table. Is this how the radgrid is supposed to work.. I mean is the scrollheight just for the mastertable and does not take into account detail view?

Thanks.

Grid

answered on 02 Feb 2012

2 answers

121 views

telerik:RadScheduler only appears when I resize the browser

Here is my code for Rad Schduler

HTML source

<head runat="server">

<title></title>

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"

rel="stylesheet" type="text/css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script type="text/javascript">

$(function () {

$("#tabs").tabs();

});

</script>

<style>

.rsMonthView .rsApt

{

width: 100% !important;

}

</style>

</head>

<body>

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

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<div id="tabs">

<ul>

<li><a href="#tabs-1">Scheduler1</a></li>

<li><a href="#tabs-2">Scheduler2</a></li>

</ul>

<div id="tabs-1">

<telerik:RadScheduler ID="RadScheduler1" runat="server" Height="700px" Skin="Windows7"

DataStartField="sdate" DataSubjectField="tasks" DataEndField="sdate" DataKeyField="ts_key"

AllowDelete="false" AllowEdit="false">

<TimelineView UserSelectable="false" />

</telerik:RadScheduler>

</div>

<div id="tabs-2">

<telerik:RadScheduler ID="RadScheduler2" runat="server" Height="700px" Skin="Windows7"

DataStartField="sdate" DataSubjectField="tasks" DataEndField="sdate" DataKeyField="ts_key"

AllowDelete="false" AllowEdit="false">

<TimelineView UserSelectable="false" />

</telerik:RadScheduler>

</div>

</form

>



code behind




protected void Page_Load(object sender, EventArgs e)
{
    SqlConnection con = new SqlConnection("Connection String");
    SqlDataAdapter adp = new SqlDataAdapter();
    adp.SelectCommand = new SqlCommand();
    adp.SelectCommand.CommandType = CommandType.StoredProcedure;
    adp.SelectCommand.CommandText = "GetScheduleView";
    adp.SelectCommand.Connection = con;
    DataSet ds = new DataSet();
    con.Open();
 
    adp.Fill(ds, "Appointment");
 
    RadScheduler1.DataSource = ds.Tables[0].DefaultView; ;
 
    RadScheduler1.DataBind();
 
    RadScheduler1.SelectedView = SchedulerViewType.MonthView;
 
    RadScheduler2.DataSource = ds.Tables[0].DefaultView; ;
 
    RadScheduler2.DataBind();
 
    RadScheduler2.SelectedView = SchedulerViewType.MonthView;
}

this works fine in IE Browser
but in mozilla firefox when I resize the browser then only radscheduler in 2nd tab is displayed.
how can it be displayed on tab change only.means when 2nd tab is selected.
how can i resolve this?

Scheduler

answered on 02 Feb 2012

2 answers

58 views

How to add a time picker at the end of 'End by' field in Recurrence Editor

Hi;

I need to add a time picker right after 'End by' field inside the recurrence editor control, however I have not yet been able to do this. I was wondering if anyone could help me out with this as I need to implement a custom recurrence editor for our project. I have attached an image for a reference.

Thanks,

Scheduler

answered on 02 Feb 2012

4 answers

147 views

fastest way to add nodes on the client side

Which is the fastest and optimized way to add tree nodes on the client side. I am following this approach :
var treeNodeCollection = currentNode.get_nodes();
var node = new Telerik.Web.UI.RadTreeNode();
node.set_text("Text1");
node.set_value("Value1");
treeNodeCollection.add(node);

The reason I am asking because i have nodes in thousands to add to through client, so was looking for the most optimized and fastest way to do it.

TreeView

answered on 02 Feb 2012

1 answer

104 views

Y Axis Label Alignment

Hello, I am trying to figure out how to align YAxis label to the right. Please help...

Chart is in attachement.

Thanks,
Hang

Chart (Obsolete)

answered on 01 Feb 2012

1 answer

318 views

Group expand/collapse client event does not happen

Hi,
I have the following code snippets:

radGrid.ShowGroupPanel = true;

radGrid.MasterTableView.GroupLoadMode = GridGroupLoadMode.Client;

radGrid.ClientSettings.AllowDragToGroup = true;

radGrid.ClientSettings.AllowExpandCollapse = true;

radGrid.ClientSettings.ClientEvents.OnGroupExpanded = "GroupExpanded";

radGrid.ClientSettings.ClientEvents.OnGroupCollapsed = "GroupCollapsed";

radGrid.GroupingSettings.ShowUnGroupButton = true;

The GroupExpanded and GroupCollapsed never happens, I tried:

function GroupExpanded(s, e) {

alert('GroupExpanded');

}

Nothing happens.

Am I missing something?
Thanks

Grid

answered on 01 Feb 2012

9 answers

276 views

Undo doesn't work for Delete and Backspace

Hi,

If there is an existing text in the editor, setting focus by clicking and then pressing delete or backspace to delete text, then the undo button isn't enabled.

Even after typing some other text, and then deleting with delete-key, the undo/redo-chain isn't working as expected.

This doesn't work in the demo either:
http://demos.telerik.com/aspnet-ajax/editor/examples/default/defaultcs.aspx

Regards
Rikard

Editor

answered on 01 Feb 2012

5 answers

85 views

Grid ExportML problem

Hello,

When I'm trying to export my grid content to Excel with format settings to ExcelML only a blank Excel worksheet is opened. When changing the format to HTML instead of ExcelML the export does work as expected for HTML.
My grid is based on a custom datatable that is assign on the OnNeedDataSource.

Does anyone have a solutions for this problem??

Regards,
Jos Meerkerk

Grid