PDA

View Full Version : Panel.Tools property



agha
Jul 05, 2008, 5:06 AM
How do i use the Panel.Tools property? I want to put a close button and a settings button in the titlebar of the panel next to the collapse button (just like in the portal demo).

Also, what is the estimated release date for v0.6?


--
Agha

geoffrey.mcgill
Jul 05, 2008, 3:12 PM
Hi Agha,

I've added support for Panel Tools.

The following sample demonstrates adding a couple of custom Tool buttons to a Panel.

The "Toggle" Tool demonstrates how to create a custom collapse/expand button, which is the same as setting Collapsible="true".

The "Help" Tool triggers a <ext:Window> to show.

Hope this helps.

P.s. I'm hoping for an end of July release of v0.6, although there's still lots work to do on the GridPanel, so that date is moving target.

jmilton
Mar 03, 2009, 5:27 PM
This example is broken. I would like to see the results when it is fixed.

geoffrey.mcgill
Mar 03, 2009, 5:48 PM
Looks like that sample has gone missing.

I quickly recreated something similar.

Example


<%@ Page Language="C#" %>

<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" 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 id="Head2" runat="server">
<title>Adding a Tool Button - Coolite Toolkit Example</title>
</head>
<body>
<ext:ScriptManager ID="ScriptManager1" runat="server" />

<ext:Panel
ID="Panel1"
runat="server"
Title="My Panel"
Width="300"
Height="185"
Html="Click Help Tool..."
BodyStyle="padding:5px;">
<Tools>
<ext:Tool Type="Help" Handler="#{Window1}.show();" />
</Tools>
</ext:Panel>

<ext:Window
ID="Window1"
runat="server"
Title="Help Window"
Html="You requested help..."
BodyStyle="padding:5px;"
Show&#111;nload="false"
Modal="true"
/>
</body>
</html>

Hope this helps.