16
ImageSize property on 32 (specifies the size of the control' icons)

with ToolBarCRD1 do
begin
	BeginUpdate();
	ImageSize := 32;
	Font.Size := 16;
	Images('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');
	BackColor := RGB(255,255,255);
	Format := '1,2,3';
	Item[OleVariant(1)].Caption := '<img>1</img>';
	Item[OleVariant(2)].Caption := '<img>2</img>';
	Item[OleVariant(3)].Caption := '<img>3</img>Icon';
	EndUpdate();
end
15
ImageSize property on 16 (default) (specifies the size of the control' icons)

with ToolBarCRD1 do
begin
	BeginUpdate();
	ImageSize := 16;
	Images('gBJJgBAIDAAEg4ACEKAD/hz/EMNh8TIRNGwAjEZAEXjAojJAjMLjABAAgjUYkUnlUrlktl0vmExmUzmk1m03nE5nU7nkrQCAntBoVDolFo1HoM/ADAplLptImdMYFOqd' + 
	'SqlXq1QrVbrlGpVWsFNrNdnNjsk7pQAtNroFnt0sh8Yr9iulTuNxs1Eu8OiT/vsnsNVutXlk/oGGtVKxGLxWNtsZtN8iUYuNvy0Zvd+xNYwdwvl4p870GCqc8vOeuVtt' + 
	'mp1knyOayWVy+WzN/ze1wOElenm+12WUz/Bv2/3UyyWrzeutux2GSyGP2dQ33C1ur3GD3M4zUNzHdlWjq/E3nGzVpjWv4HA7fRy/Tv2IrN8rPW6nZ3ve7mUlfu20Z8ac' + 
	'vQyb+vY9jasYoDwMm+LytVBDqKG3z8O3Cb8P+mkAuY9cCQ2uL4KaxDKvkp8RNLEjqugnrwQo/UWPzFyeQw5sNLZFENrI4kOqU66pw8uzmOKvTqNqjULJvGL1JO48GtTG' + 
	'sbLdEL3scxLlyiw8dQeoUVxdLTtyKmUjwGlslRPJsnK1HbAKbKCrsQo8uQk/CeP44iaR/ATnTNPLvyxPU+z9P9AUDQVBowiofJXQ6Oo+kKMpIkjztE4TKn4P6JowfgPn' + 
	'wD5/nAjB8AOeAPo0eAA1IAFH07UhAIMpYAVIYFHqBUhwVjV1S1EtQAHxW65V0AZwAeuQAnwB5gAPYViEDVhwAHTQBkCjB4gOhwDmCyhH0sACAg==');
	BackColor := RGB(255,255,255);
	Format := '1,2,3';
	Item[OleVariant(1)].Caption := '<img>1</img>';
	Item[OleVariant(2)].Caption := '<img>2</img>';
	Item[OleVariant(3)].Caption := '<img>3</img>Icon';
	EndUpdate();
end
14
How can I defines a custom border for the control

with ToolBarCRD1 do
begin
	BeginUpdate();
	VisualAppearance.Add(1,'gBFLBCJwBAEHhEJAAEhABUUIQAAYAQGKIcBiAKBQAGaAoDgYN4MAANAxDTBMKgBBCLIxhEYobgmGIaRiBMIxAKIZhzEgYRoiAYhXDiHwyARHUIvfCsPxBDqBY4gOZpXh' + 
	'mJImShKUZybJ8RR3GaaZ5iWagAoyPJKSLCMiyPSUUw+GKVYjjej6HpCTY4RbXU7VFQFKhpK6sRxAKYoapyGpMU5YUTSfJ4DSkGAYBJFUZLWgSeJ6DRSMBvfggATXMS4L' + 
	'YuKbXLhCCYBgIA==');
	Appearance := EXTOOLBARCRDLib_TLB.AppearanceEnum($1000000);
	Format := '1,2,|,3:64';
	Item[OleVariant(3)].Caption := '< <b>right</b> >';
	BackColor := RGB(255,255,255);
	EndUpdate();
end
13
Can I display items one below to other

with ToolBarCRD1 do
begin
	Format := '(1/2):64,(3/4):64';
	Item[OleVariant(1)].Caption := 'Item <off 4><b>A';
	Item[OleVariant(2)].Caption := 'Item <off 4><b>B';
	Item[OleVariant(3)].Caption := 'Item <off 4><b>C';
	Item[OleVariant(4)].Caption := 'Item <off 4><b>D';
end
12
How can I add a separator item

with ToolBarCRD1 do
begin
	Format := '1,2,-1,3,4';
end
11
Is it possible to disable an item

with ToolBarCRD1 do
begin
	Images('gBJJgBAIDAAGAAEAAQhYAf8Pf4hh0QihCJo2AEZjQAjEZFEaIEaEEaAIAkcbk0olUrlktl0vmExmUzmk1m03nE5nU7nk9n0/oFBoVDolFo1HpFJpVLplNp1PqFRqVTql' + 
	'Vq1XrFZrVbrldr1fsFhsVjslls1ntFptVrtltt1vuFxuVzul1u13vF5vV7vl9v1/wGBwWDwmFw2HxGJxWLxmNx0xiFdyOTh8Tf9ZymXx+QytcyNgz8r0OblWjyWds+m0' + 
	'ka1Vf1ta1+r1mos2xrG2xeZ0+a0W0qOx3GO4NV3WeyvD2XJ5XL5nN51aiw+lfSj0gkUkAEllHanHI5j/cHg8EZf7w8vl8j4f/qfEZeB09/vjLAB30+kZQAP/P5/H6/yN' + 
	'AOAEAwCjMBwFAEDwJBMDwLBYAP2/8Hv8/gAGAD8LQs9w/nhDY/oygIA=');
	BackColor := RGB(255,255,255);
	Format := '1,2,3';
	Item[OleVariant(1)].Caption := '<img>1</img>';
	Item[OleVariant(2)].Caption := '<img>2</img>';
	with Item[OleVariant(3)] do
	begin
		Caption := '<img>3</img>Disabled';
		Enabled := False;
	end;
end
10
Is it possible to change the item's caption/image when user hovers the cursor

// MouseIn event - Occurs when the mouse enters the part.
procedure TForm1.ToolBarCRD1MouseIn(ASender: TObject; ID : OleVariant);
begin
	with ToolBarCRD1 do
	begin
		Item[OleVariant(ID)].Caption := 'hover';
	end
end;

// MouseOut event - Occurs when the mouse exists the part.
procedure TForm1.ToolBarCRD1MouseOut(ASender: TObject; ID : OleVariant);
begin
	with ToolBarCRD1 do
	begin
		Item[OleVariant(ID)].Caption := ID;
	end
end;

with ToolBarCRD1 do
begin
	Format := '1,2,3,4';
end
9
Does your control support tooltip for items

with ToolBarCRD1 do
begin
	Format := '(1/2),3';
	with Item[OleVariant(1)] do
	begin
		Caption := 'Item <b>1';
		ToolTip := 'This is a bit of text that''s shown when cursor hovers the item';
	end;
	Item[OleVariant(2)].Caption := 'Item <b>2';
	Item[OleVariant(3)].Caption := 'Item <b>3';
end
8
Is it possible to add an anchor element, similar to a link into a webpage

// AnchorClick event - Occurs when an anchor element is clicked.
procedure TForm1.ToolBarCRD1AnchorClick(ASender: TObject; AnchorID : WideString;Options : WideString);
begin
	with ToolBarCRD1 do
	begin
		OutputDebugString( AnchorID );
	end
end;

with ToolBarCRD1 do
begin
	BackColor := RGB(255,255,255);
	Format := '"<a a1>link</a>":32,1,2,3';
end
7
How can I change the background of the hovering item

with ToolBarCRD1 do
begin
	VisualAppearance.Add(1,'c:\exontrol\images\normal.ebn');
	Background[EXTOOLBARCRDLib_TLB.exToolBarButtonHotBackColor] := $1000000;
	Format := '1,2,3,4';
end
6
Can I display an item aligned to the right

with ToolBarCRD1 do
begin
	Format := '1,2,|,3:64';
	Item[OleVariant(3)].Caption := '< <b>right</b> >';
end
5
Can I display pictures in the toolbar

with ToolBarCRD1 do
begin
	HTMLPicture['pic1'] := 'c:\exontrol\images\card.png';
	HTMLPicture['pic2'] := 'c:\exontrol\images\diary.png';
	Format := '1,2,3';
	Item[OleVariant(1)].Caption := '<img>pic1:48</img>';
	Item[OleVariant(2)].Caption := '<img>pic2:30</img>';
	Item[OleVariant(3)].Caption := '<img>pic1:24</img> Picture';
end
4
Can I display icons in the toolbar

with ToolBarCRD1 do
begin
	Images('gBJJgBAIDAAGAAEAAQhYAf8Pf4hh0QihCJo2AEZjQAjEZFEaIEaEEaAIAkcbk0olUrlktl0vmExmUzmk1m03nE5nU7nk9n0/oFBoVDolFo1HpFJpVLplNp1PqFRqVTql' + 
	'Vq1XrFZrVbrldr1fsFhsVjslls1ntFptVrtltt1vuFxuVzul1u13vF5vV7vl9v1/wGBwWDwmFw2HxGJxWLxmNx0xiFdyOTh8Tf9ZymXx+QytcyNgz8r0OblWjyWds+m0' + 
	'ka1Vf1ta1+r1mos2xrG2xeZ0+a0W0qOx3GO4NV3WeyvD2XJ5XL5nN51aiw+lfSj0gkUkAEllHanHI5j/cHg8EZf7w8vl8j4f/qfEZeB09/vjLAB30+kZQAP/P5/H6/yN' + 
	'AOAEAwCjMBwFAEDwJBMDwLBYAP2/8Hv8/gAGAD8LQs9w/nhDY/oygIA=');
	BackColor := RGB(255,255,255);
	Format := '1,2,3';
	Item[OleVariant(1)].Caption := '<img>1</img>';
	Item[OleVariant(2)].Caption := '<img>2</img>';
	Item[OleVariant(3)].Caption := '<img>3</img>Icon';
end
3
How can I get ride of the top-bottom lines

with ToolBarCRD1 do
begin
	Appearance := EXTOOLBARCRDLib_TLB.Etched;
	BackColor := RGB(255,255,255);
	Format := '1,-1,2';
	Item[OleVariant(1)].Caption := 'Exit';
	Item[OleVariant(2)].Caption := 'Item <b>A\r\nItem <b>A#1\r\nItem <b>B#2\r\nItem <b>C#3';
end
2
How can I display a drop-down panel

// Select event - Notifies once the user clicks the item.
procedure TForm1.ToolBarCRD1Select(ASender: TObject; ID : OleVariant;SelectedID : OleVariant);
begin
	with ToolBarCRD1 do
	begin
		OutputDebugString( 'Select' );
		OutputDebugString( SelectedID );
	end
end;

with ToolBarCRD1 do
begin
	ItemsDelimiter := ';';
	Format := '1,-1,2';
	Item[OleVariant(1)].Caption := 'Exit';
	Item[OleVariant(2)].Caption := 'Item <b>A;Item <b>A#1;Item <b>B#2;Item <b>C#3';
end
1
How can I add / display items with the toolbar

// Select event - Notifies once the user clicks the item.
procedure TForm1.ToolBarCRD1Select(ASender: TObject; ID : OleVariant;SelectedID : OleVariant);
begin
	with ToolBarCRD1 do
	begin
		OutputDebugString( 'Select' );
		OutputDebugString( Item[OleVariant(ID)].Caption );
	end
end;

with ToolBarCRD1 do
begin
	Format := '1,-1,2,3';
	Item[OleVariant(1)].Caption := 'Exit';
	Item[OleVariant(2)].Caption := 'Item <b>A';
	Item[OleVariant(3)].Caption := 'Item <b>B';
end