Questions on UI for ASP.NET AJAX Forum

1 answer

74 views

I have a RadGrid with Refresh on Command line. I am not using ajax for Grid but want that ajax action when I click refresh. I deleted the following code

<telerik:AjaxSetting AjaxControlID="RadGrid">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid"

LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

How can I just add refresh to ajax ?

Please help,
Smiely

Grid

answered on 03 Feb 2011

2 answers

86 views

Google-like Filtering of Hierarchical Grid

I have a Hierarchical RADGrid...

<telerik:RadGrid ID="RadGrid1" runat="server"

GridLines="None"

Width="900px"

OnNeedDataSource="RadGrid1_NeedDataSource"

oncolumncreated="RadGrid1_ColumnCreated"

AutoGenerateHierarchy="true"

AutoGenerateColumns="true" >

</telerik:RadGrid>

That I "adjust" using code-behind...

protected void RadGrid1_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

this.RadGrid1.DataSource = CreateDataSet();

}

private DataSet CreateDataSet()

{

DataSet dataset = new DataSet();

string previousFY = string.Empty;

string currentFY = string.Empty;

if (DateTime.Now.Month >= 7)

{

previousFY = DateTime.Now.Year.ToString();

currentFY = (DateTime.Now.Year + 1).ToString();

}

else

{

previousFY = (DateTime.Now.Year - 1).ToString();

currentFY = DateTime.Now.Year.ToString();

}

OpenDataDataContext db = new OpenDataDataContext();

// FUND

var prevFYFundTotals = from t in db.open_FY_Totals

join f in db.Funds on new { Fund = t.Fund } equals new { Fund = f.fieldcode }

where

t.FY == currentFY

group new { t, f } by new

{

t.FY,

Fund = t.Fund.Substring(0, 2)

} into g

orderby

g.Key.FY,

g.Key.Fund

select new

{

g.Key.FY,

g.Key.Fund,

Fund_Desc = g.Max(p => p.f.desc30),

Budget = String.Format("{0:$#,0.00}", (System.Decimal?)g.Sum(p => p.t.BudgetAmt)),

Actual = String.Format("{0:$#,0.00}", (System.Decimal?)g.Sum(p => p.t.ActualAmt)),

Encumbered = String.Format("{0:$#,0.00}", (System.Decimal?)g.Sum(p => p.t.EncAmt)),

Committed = String.Format("{0:$#,0.00}", (System.Decimal?)(g.Sum(p => p.t.ActualAmt) + g.Sum(p => p.t.EncAmt))),

PercentCommitted = String.Format("{0:0.00}%", (Decimal?)Convert.ToDecimal((g.Sum(p => p.t.ActualAmt) + g.Sum(p => p.t.EncAmt)) / g.Sum(p => p.t.BudgetAmt) * 100)),

Remaining = String.Format("{0:$#,0.00}", (System.Decimal?)(g.Sum(p => p.t.BudgetAmt) - (g.Sum(p => p.t.ActualAmt) + g.Sum(p => p.t.EncAmt))))

};

DataTable dtPrevFYFundTotals = new DataTable();

dtPrevFYFundTotals.TableName = "PrevFYFundTotals";

dtPrevFYFundTotals.Columns.Add("Fund", typeof(string));

dtPrevFYFundTotals.Columns.Add("Fund_Desc", typeof(string));

dtPrevFYFundTotals.Columns.Add("Budget", typeof(string));

dtPrevFYFundTotals.Columns.Add("Actual", typeof(string));

dtPrevFYFundTotals.Columns.Add("Encumbered", typeof(string));

dtPrevFYFundTotals.Columns.Add("Committed", typeof(string));

dtPrevFYFundTotals.Columns.Add("PercentCommitted", typeof(string));

dtPrevFYFundTotals.Columns.Add("Remaining", typeof(string));

DataColumn[] keys = new DataColumn[1];

keys[0] = dtPrevFYFundTotals.Columns["Fund"];

dtPrevFYFundTotals.PrimaryKey = keys;

dataset.Tables.Add(dtPrevFYFundTotals);

foreach (var item in prevFYFundTotals)

{

dtPrevFYFundTotals.Rows.Add(new object

[] { item.Fund, item.Fund_Desc, item.Budget, item.Actual, item.Encumbered, item.Committed, item.PercentCommitted, item.Remaining });

}

// RESP

var prevFYRespTotals = from t in db.open_FY_Totals

join r in db.Resps on new { Resp = t.Resp } equals new { Resp = r.fieldcode }

where

t.FY == currentFY

group new { t, r } by new

{

t.FY,

Fund = t.Fund.Substring(0, 2),

t.Resp

} into g

orderby

g.Key.Fund,

g.Key.Resp

select new

{

Fund = g.Key.Fund.Substring(0, 2),

Resp = g.Key.Resp.Replace(".", ""),

Resp_Desc = g.Max(p => p.r.desc30),

Budget = String.Format("{0:$#,0.00}", (System.Decimal?)g.Sum(p => p.t.BudgetAmt)),

Actual = String.Format("{0:$#,0.00}", (System.Decimal?)g.Sum(p => p.t.ActualAmt)),

Encumbered = String.Format("{0:$#,0.00}", (System.Decimal?)g.Sum(p => p.t.EncAmt)),

Committed = String.Format("{0:$#,0.00}", (System.Decimal?)(g.Sum(p => p.t.ActualAmt) + g.Sum(p => p.t.EncAmt))),

PercentCommitted = String.Format("{0:0.00}%"

, g.Sum(p => p.t.BudgetAmt) > 0 ? ((g.Sum(p => p.t.ActualAmt) + g.Sum(p => p.t.EncAmt)) / g.Sum(p => p.t.BudgetAmt)) * 100 : 0),

Remaining = String.Format("{0:$#,0.00}", (System.Decimal?)(g.Sum(p => p.t.BudgetAmt) - (g.Sum(p => p.t.ActualAmt) + g.Sum(p => p.t.EncAmt))))

};

DataTable dtPrevFYRespTotals = new DataTable();

dtPrevFYRespTotals.TableName = "PrevFYRespTotals";

dtPrevFYRespTotals.Columns.Add("Fund", typeof(string));

dtPrevFYRespTotals.Columns.Add("Resp", typeof(string));

dtPrevFYRespTotals.Columns.Add("Resp_Desc", typeof(string));

dtPrevFYRespTotals.Columns.Add("Budget", typeof(string));

dtPrevFYRespTotals.Columns.Add("Actual", typeof(string));

dtPrevFYRespTotals.Columns.Add("Encumbered", typeof(string));

dtPrevFYRespTotals.Columns.Add("Committed", typeof(string));

dtPrevFYRespTotals.Columns.Add("PercentCommitted", typeof(string));

dtPrevFYRespTotals.Columns.Add("Remaining", typeof(string));

keys = new DataColumn[2];

keys[0] = dtPrevFYRespTotals.Columns["Fund"];

keys[1] = dtPrevFYRespTotals.Columns["Resp"];

dtPrevFYRespTotals.PrimaryKey = keys;

dataset.Tables.Add(dtPrevFYRespTotals);

foreach (var item in prevFYRespTotals)

{

dtPrevFYRespTotals.Rows.Add(new object

[] { item.Fund, item.Resp, item.Resp_Desc, item.Budget, item.Actual, item.Encumbered, item.Committed, item.PercentCommitted, item.Remaining });

}

//OBJECT

var prevFYObjTotals = from t in db.open_FY_Totals

join o in db.Object_Mgts on new { Obj = t.Obj } equals new { Obj = o.fieldcode }

where

t.FY == currentFY

group new { t, o } by new

{

t.FY,

Fund = t.Fund.Substring(0, 2),

t.Resp,

t.Obj

} into g

orderby

g.Key.Fund,

g.Key.Resp,

g.Key.Obj

select new

{

Fund = g.Key.Fund.Substring(0, 2),

Resp = g.Key.Resp.Replace(".", ""),

Obj = g.Key.Obj.Replace(".", ""),

Obj_Desc = g.Max(p => p.o.desc30),

Budget = String.Format("{0:$#,0.00}", (System.Decimal?)g.Sum(p => p.t.BudgetAmt)),

Actual = String.Format("{0:$#,0.00}", (System.Decimal?)g.Sum(p => p.t.ActualAmt)),

Encumbered = String.Format("{0:$#,0.00}", (System.Decimal?)g.Sum(p => p.t.EncAmt)),

Committed = String.Format("{0:$#,0.00}", (System.Decimal?)(g.Sum(p => p.t.ActualAmt) + g.Sum(p => p.t.EncAmt))),

PercentCommitted = String.Format("{0:0.00}%"

, g.Sum(p => p.t.BudgetAmt) > 0 ? ((g.Sum(p => p.t.ActualAmt) + g.Sum(p => p.t.EncAmt)) / g.Sum(p => p.t.BudgetAmt)) * 100 : 0),

Remaining = String.Format("{0:$#,0.00}", (System.Decimal?)(g.Sum(p => p.t.BudgetAmt) - (g.Sum(p => p.t.ActualAmt) + g.Sum(p => p.t.EncAmt))))

};

DataTable dtPrevFYObjTotals = new DataTable();

dtPrevFYObjTotals.TableName = "PrevFYObjTotals";

dtPrevFYObjTotals.Columns.Add("Fund", typeof(string));

dtPrevFYObjTotals.Columns.Add("Resp", typeof(string));

dtPrevFYObjTotals.Columns.Add("Obj", typeof(string));

dtPrevFYObjTotals.Columns.Add("Obj_Desc", typeof(string));

dtPrevFYObjTotals.Columns.Add("Budget", typeof(string));

dtPrevFYObjTotals.Columns.Add("Actual", typeof(string));

dtPrevFYObjTotals.Columns.Add("Encumbered", typeof(string));

dtPrevFYObjTotals.Columns.Add("Committed", typeof(string));

dtPrevFYObjTotals.Columns.Add("PercentCommitted", typeof(string));

dtPrevFYObjTotals.Columns.Add("Remaining", typeof(string));

keys = new DataColumn[3];

keys[0] = dtPrevFYObjTotals.Columns["Fund"];

keys[1] = dtPrevFYObjTotals.Columns["Resp"];

keys[2] = dtPrevFYObjTotals.Columns["Obj"];

dtPrevFYObjTotals.PrimaryKey = keys;

dataset.Tables.Add(dtPrevFYObjTotals);

foreach (var item in prevFYObjTotals)

{

dtPrevFYObjTotals.Rows.Add(new object

[] { item.Fund, item.Resp, item.Obj, item.Obj_Desc, item.Budget, item.Actual, item.Encumbered, item.Committed, item.PercentCommitted, item.Remaining });

}

// Create Relationships

// Fund DataTable to Resp DataTable relationship

DataRelation FundRespRelation = new DataRelation("FundResp", dataset.Tables["PrevFYFundTotals"].Columns["Fund"],

dataset.Tables["PrevFYRespTotals"].Columns["Fund"]);

// Resp DataTable to Obj DataTable

DataRelation RespObjRelation = new DataRelation("RespObj", dataset.Tables["PrevFYRespTotals"].Columns["Resp"],

dataset.Tables["PrevFYObjTotals"].Columns["Resp"]);

// there may not be records all the way down...

dataset.EnforceConstraints = false;

dataset.Relations.Add(FundRespRelation);

dataset.Relations.Add(RespObjRelation);

return dataset;

}

protected void RadGrid1_ColumnCreated(object sender, GridColumnCreatedEventArgs e)

{

if (e.Column.UniqueName == "Fund")

e.Column.Visible = false;

else if (e.Column.UniqueName == "Resp")

e.Column.Visible = false;

else if (e.Column.UniqueName == "Obj")

e.Column.Visible = false;

else if (e.Column.HeaderText.Contains("Desc"))

{

e.Column.HeaderText = "Account Description";

e.Column.HeaderStyle.HorizontalAlign = HorizontalAlign.Center;

e.Column.HeaderStyle.VerticalAlign = VerticalAlign.Bottom;

if (e.OwnerTableView.Name == "")

e.Column.HeaderStyle.Width = Unit.Pixel(350);

else if (e.OwnerTableView.Name == "PrevFYRespTotals")

e.Column.HeaderStyle.Width = Unit.Pixel(265);

else

e.Column.HeaderStyle.Width = Unit.Pixel(240);

}

else if (e.Column.HeaderText == "Budget")

{

e.Column.HeaderText = "Annual Budget";

e.Column.HeaderStyle.HorizontalAlign = HorizontalAlign.Right;

e.Column.HeaderStyle.VerticalAlign = VerticalAlign.Bottom;

e.Column.HeaderStyle.Width = Unit.Pixel(100);

e.Column.ItemStyle.HorizontalAlign = HorizontalAlign.Right;

}

else if (e.Column.HeaderText == "Actual")

{

e.Column.HeaderText = "Actual Spent";

e.Column.HeaderStyle.HorizontalAlign = HorizontalAlign.Right;

e.Column.HeaderStyle.VerticalAlign = VerticalAlign.Bottom;

e.Column.HeaderStyle.Width = Unit.Pixel(100);

e.Column.ItemStyle.HorizontalAlign = HorizontalAlign.Right;

}

else if (e.Column.HeaderText == "Encumbered")

{

e.Column.HeaderText = "Unpaid Purchase Orders";

e.Column.HeaderStyle.HorizontalAlign = HorizontalAlign.Right;

e.Column.HeaderStyle.VerticalAlign = VerticalAlign.Bottom;

e.Column.HeaderStyle.Width = Unit.Pixel(100);

e.Column.ItemStyle.HorizontalAlign = HorizontalAlign.Right;

}

else if (e.Column.HeaderText == "Committed")

{

e.Column.HeaderText = "Total Committed";

e.Column.HeaderStyle.HorizontalAlign = HorizontalAlign.Right;

e.Column.HeaderStyle.VerticalAlign = VerticalAlign.Bottom;

e.Column.HeaderStyle.Width = Unit.Pixel(100);

e.Column.ItemStyle.HorizontalAlign = HorizontalAlign.Right;

}

else if (e.Column.HeaderText == "Percent Committed")

{

e.Column.HeaderText = "Percent Committed";

e.Column.HeaderStyle.HorizontalAlign = HorizontalAlign.Right;

e.Column.HeaderStyle.VerticalAlign = VerticalAlign.Bottom;

e.Column.HeaderStyle.Width = Unit.Pixel(50);

e.Column.ItemStyle.HorizontalAlign = HorizontalAlign.Right;

}

else if (e.Column.HeaderText == "Remaining")

{

e.Column.HeaderText = "Remaining Budget";

e.Column.HeaderStyle.HorizontalAlign = HorizontalAlign.Right;

e.Column.HeaderStyle.VerticalAlign = VerticalAlign.Bottom;

e.Column.HeaderStyle.Width = Unit.Pixel(100);

e.Column.ItemStyle.HorizontalAlign = HorizontalAlign.Right;

}

The result is attached...

I want to add 'Google-like filtering' but I only need to filter on the 'Account Description' column (at each level).

I looked at the Telerik.Web.Examples.Integration.GridAndCombo example and tried to use it as a jumping off point but since it isn't a hierarchical grid i started running into walls.

Can you please point me in the right direction?

Grid

answered on 03 Feb 2011

1 answer

205 views

Telerik Controls not rendering in IIS 7

Hi guys (and girls),

I have been scouring the net for a solution to a problem some colleagues of mine have been having but have been unsuccessful in finding an answer.

Problem : Our default browser here is IE 6.0 and our Web Server is running IIS 6.0 and we are having all sorts of issues with CSS (which we currently did not have using IE 6.0 and VS 2010) so we have decided to see if we have the same problems running on IIS 7.0. Now here is the problem, I cannot get any of the RAD controls to actually render onto the page? Now I have read posts saying that the app pool should run in classic or you can add a handler to the <system.webServer> section of the web.config file but neither have made any change.

<add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode,runtimeVersionv2.0"/>

Initially I had a bit of trouble getting classic to work due to the ISAPI and CGI http Handlers not being enabled but I think I managed to sort that out.

Any help on the issue would be much appreciated.

Thanks in advance,
Matthew Burhop

General Discussions

answered on 03 Feb 2011

1 answer

79 views

combobox inside radwindow changes the window property

Hi in my application i have a radwindow with treeview inside a combobox for selecting items ...
Issue is i have set the height and width of the window, and if i click the combobox the height remains the same but i am getting a scrollbar to navigate the treeview...

what property can i set inorder to display the treeview items out of the window if it exceeds the window height so that users don wnat to scroll the window for selecting the items...

Window

answered on 03 Feb 2011

1 answer

51 views

Skin problem...

Hi,

I'm dynamically creating a RadGrid on PageLoad event and binding some data.
i have set the property EnableEmbededSkins="false" i have imported the skin file to the "/app_themes/forest/grid.css".
i have set the property Skin="Forest". i have enabled grouping options in the grid.

problem is I'm not able to see style for the "Grouping" buttons.
one more problem is sum of all columns width is not taking 100%.
i have set the grid width property to 100%.

Thanks
K²

Grid

answered on 03 Feb 2011

1 answer

151 views

problem with RadGrid if using ClientEvents-OnCommand and ItemCommand

Hi,
i am facing following problem with RadGrid if i am using ClientEvents-OnCommand.
the problem is if i am adding ClientEvents-OnCommand in radgrid, it does fire itemcomamnd event of grid for user defined command,
but it always points to the first item in radgrid (e.Item) .

.ascx

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

</script>

</telerik:RadCodeBlock>

.cs

    protected void Page_Load(object sender, EventArgs e)
    {
        this.RadGrid1.ItemCommand += OnItemCommand;
        this.RadGrid1.ClientSettings.ClientEvents.OnCommand = "OnCommand";
    }

    void OnItemCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)
    {
        if (e.Item == null)
            return;

        switch (e.CommandName)
        {
            // user defined
            case "Standard":

GridDataItem item = (GridDataItem)e.Item;

// e.g id is always Id of the first item in radgrid if ClientEvents-OnCommand is defined
var id = new Guid(item["Id"].Text);
... etc

if i remove ClientEvents-OnCommand, it works fine.

am i doing anything wrong ?

Grid

answered on 03 Feb 2011

3 answers

69 views

Column Headers and their sorted apperance

So I have a Grid with a header that is multiple lined. I allow my user to sort the grid on any of the columns. When they click the column header to perform said sort, the column header get odd looking. I don't know how to exactly describe it so I have attached screen shots of the header when the grid 1st comes up and one after sorting. I have also included my grid source code.

<telerik:RadGrid ID="rgResults" runat="server" Width="98%"

DataSourceID="sqlResults" AllowPaging="True" GridLines="Both"

AllowSorting="True" AutoGenerateColumns="False" BackColor="WhiteSmoke"

HorizontalAlign="Left" Font-Names="Verdana" Font-Size="10px"

Skin="Windows7" Height="500px">

<ClientSettings AllowDragToGroup="False">

<Scrolling AllowScroll="True" UseStaticHeaders="True" FrozenColumnsCount="4" />

<Selecting AllowRowSelect="True" />

<Resizing AllowColumnResize="True" AllowResizeToFit="True" EnableRealTimeResize="True" ResizeGridOnColumnResize="True" />

</ClientSettings>

<AlternatingItemStyle Font-Names="Verdana" Font-Size="9px"

BackColor="#CCFFCC" VerticalAlign="Top" />

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" BackColor="#3366CC"

ForeColor="White" Wrap="False" Height="35px" />

<ItemStyle Font-Names="Verdana" Font-Size="9px" BackColor="WhiteSmoke" VerticalAlign="Top" />

<MasterTableView AllowMultiColumnSorting="True" GridLines="Both">

<CommandItemSettings ExportToPdfText="Export to Pdf" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="act_tick_id"

FilterControlAltText="Filter column column" UniqueName="ID" Visible="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Target_DT"

FilterControlAltText="Filter column column" HeaderStyle-Width="88px"

HeaderText="Target Close<br />Date & Time" UniqueName="TargDT" DataType="System.DateTime"  DataFormatString="{0:MM/dd/yyyy hh:mm tt}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="priority_code"

FilterControlAltText="Filter Priority column" HeaderText="Priority"

UniqueName="Priority" HeaderStyle-Width="55px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="act_step_ticket_num"

FilterControlAltText="Filter column column" HeaderText="Ticket #"

UniqueName="Ticketnum" AutoPostBackOnFilter="True">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="acct_number"

FilterControlAltText="Filter column column" HeaderText="Account #"

UniqueName="AcctNum">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="line_num"

FilterControlAltText="Filter column column" HeaderText="Line #"

UniqueName="LineNum">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="act_step_open_csr"

FilterControlAltText="Filter column column" HeaderText="Open By"

UniqueName="OpenBy">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="user_group_code"

FilterControlAltText="Filter column column" HeaderText="Current<br />Group"

UniqueName="CurrGrp">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="user_first"

FilterControlAltText="Filter column column" HeaderText="Member"

UniqueName="Member">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="act_code"

FilterControlAltText="Filter column column" HeaderText="Action<br />Code"

UniqueName="ActCode">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="status_desc"

FilterControlAltText="Filter column column" HeaderText="Status"

UniqueName="Status">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Open_DT"

FilterControlAltText="Filter column column" HeaderText="Open<br />Date & Time"

UniqueName="Open_DT" HeaderStyle-Width="88px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Phase_DT"

FilterControlAltText="Filter column column" HeaderText="Phase<br />Date & Time"

UniqueName="Phase_DT" HeaderStyle-Width="88px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Close_DT"

FilterControlAltText="Filter column column" HeaderText="Actual Close<br />Date & Time"

UniqueName="Close_DT" HeaderStyle-Width="88px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="act_overall_due_status"

FilterControlAltText="Filter column column" HeaderText="Close<br />Status"

UniqueName="CloseStat">

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

I am using the latest versoin of the software and I am observing this anomally in IE8.

Grid

answered on 03 Feb 2011

5 answers

126 views

"allowtransfer" to other controls (radgrid)?

Is it possible to transfer items to\from a listbox to\from other types of controls? Or is it exclusive feature for listboxes? I'd really like to transfer items from a radgrid to a listbox.
Thanks.

ListBox

answered on 03 Feb 2011

5 answers

112 views

Prepopulate RadEditor

Hi,

I am using jQuery to prepopulate a number of fields on a new item form, with one of the fields utilising the RadEditor. I can populate the field fine, but would like to add line breaks and unsure if and how to do so. So basically I want to be able to pass in a string to the RadEditor and including some basic formatting (tabs, new lines etc)

"This is what I have now: Add description here"
-------------------------------------
"This is wat I would like:

Add description here"

How can I achieve this?

Thanks

David

WebParts for SharePoint

answered on 03 Feb 2011

3 answers

215 views

Load usercontrol as tooltip client-side

Hi,
is it possible to load a usercontrol client-side to show as tooltip?

I have problems with using the manager.targetcontrols.add... it feels like random, sometimes the tooltip shows up sometimes it doesn't.
So I want to try load the tooltip client-side instead.
I checked out some examples with client-side code:

    
                function showToolTip(element, id) { 
        
                    var tooltipManager = $find("<%= radToolTipManager.ClientID %>"); 
        
                    //If the user hovers the image before the page has loaded, there is no manager created 
        
                    if (!tooltipManager) return; 
        
                    //Find the tooltip for this element if it has been created 
        
                    var tooltip = tooltipManager.getToolTipByElement(element); 
        
                    //Create a tooltip if no tooltip exists for such element 
        
                    if (!tooltip) { 
        
                        tooltip = tooltipManager.createToolTip(element); 
        
                        //Use the fact that the image was named after a country 
        
                        //Extract the country name from the image, and set it as the value to be supplied to the web-service 
        
                        //var src = element.getAttribute("src", 2); 
        
                        //var country = src.substring (src.lastIndexOf("/") + 1, src.lastIndexOf(".")); 
        
                        alert(id);
        
                        tooltip.set_value(id); 
        
                    } 
        
                    tooltip.show(); 
        
                }

    
            <telerik:RadToolTipManager ID="radToolTipManager" runat="server" Position="BottomRight" Animation="None" AutoTooltipify="false"  
        
                Skin="Hay" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false" AutoCloseDelay="0" ShowDelay="100" CssClass="tooltip"  
        
                Width="300" Height="200" OffsetX="10" OffsetY="10"> 
        
                <WebServiceSettings Method="GetToolTip" Path="/usercontrols/Tooltip.ascx" /> 
        
            </telerik:RadToolTipManager>

So far so good, the id is the correct one when I hoover.

Just for fun I tried to set the usercontrol in the managers webservicesettings but when running I get:
The server method 'GetToolTip' failed.

Can this work or do I have to use targetcontrols.add...?

Thanks!

/Mattias

ToolTip

answered on 03 Feb 2011