Hi,
I
see a tip on the splitter bar only, not on the collapse control.
Yes, it is expected behavior because it is splitbar tooltip
Plus,
when collapsed, there is no tip.
If you collapse a region then splitbar is hidden therefore no tooltip. CollapsibleSplitTip - tooltip for the splitbar if a region is collapsible. SplitTip - tooltip for the splitbar if a region is none-collapsible
What
I'm looking for is this:
- Seperate Tips for the SplitterBar
& Collapse Controls.
- Two Tips each, one for expanded &
one for collapsed.
Any pointers on how I might implement this?
Try the following sample
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!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>
<script runat="server">
protected void Page_Init(object sender, EventArgs e)
{
Ext.Net.BorderLayout border = new Ext.Net.BorderLayout { };
Ext.Net.Panel center = new Ext.Net.Panel { Title = "Center" };
Ext.Net.Panel south = new Ext.Net.Panel { Title = "South", Height = Unit.Pixel(200) };
border.Center.Items.Add(center);
border.South.Items.Add(south);
border.South.Split = true;
border.South.SplitTip = "Howdy";
border.South.Collapsible = true;
border.South.CollapsibleSplitTip = "Doody";
border.South.UseSplitTips = true;
south.Listeners.AfterRender.Fn = "initTips";
Form.Controls.Add(new Ext.Net.ResourceManager());
Form.Controls.Add(new Ext.Net.Viewport { Items = { border } });
}
</script>
<script type="text/javascript">
function initTips(cmp){
cmp.header.set({title: 'Tooltip'});
cmp.on("collapse", function(){
cmp.ownerCt.layout.south.getCollapsedEl().set({title: 'Collapsed Tooltip'});
}, cmp, {single:true});
}
</script>
</head>
<body>
<form id="form1" runat="server">
</form>
</body>
</html>