After clicking inside the area of France and going to selection mode again by clicking the first arrow button on the toolbar, this becomes:

On the right pane, the properties for the hotspot can be edited. The name, ID, Hint, Angle and state of the hotspot can be set. In the different tabs, either image, color or imagelist image can be set for the different states of the hotspot. For example, moving to the Selected tab and setting the Selected color to orange results in:

After clicking the hotspot at runtime to select it, this appears as:

with HotSpotImage.HotSpots.Add do
begin
   X := 50;
   Y := 50;
   Width := 75;
   Height := 75;
   ShapeType := stEllipse;
   Clipped := true;
   SelectedColor := clLime;
   Hint := 'This is a programmatically added ellipse';
   Name := 'Circle close to Iceland';
   ID := 1;
end;

procedure TForm2.HotSpotImageHotSpotClick(Sender: TObject; HotSpot: THotSpot);
begin
  ShowMessage('Hotspot clicked: '+ IntToStr(HotSpot.ID) + ':'+ HotSpot.Name);
end

This results in:

1 & 2) Basic Program Information: The Splash screen allows you to set the program name version number and copyright. With the property AutoLoad the splash automatically loads the project settings from the EXE version info resource.

3, 4) The background fill of the splashscreen can contain texture, gradients opacities, etc…

AdvSplashScreen1.Fill.Picture.LoadFromFile('RAD2007.bmp');

var
   I: integer; 
begin 
   AdvSmoothSplashScreen1.SetComponentStyle(tsOffice2007Luna); 
   AdvSmoothSplashScreen1.Height := 150; 
   AdvSmoothSplashScreen1.Width := 350; 
   AdvSmoothSplashScreen1.CloseOnTimeout := true; 
   AdvSmoothSplashScreen1.ListItemsSettings.Rect.Top := 30; 
   AdvSmoothSplashScreen1.ListItemsSettings.Rect.Left := 5; 
   AdvSmoothSplashScreen1.BasicProgramInfo.AutoLoad := true; 
   AdvSmoothSplashScreen1.Show; 
   I := 0; 
   while I <= 4 do 
   begin 
      AdvSmoothSplashScreen1.ListItems.Add.HTMLText := 'Loading new Project '+inttostr(I)+' DLL';      
      AdvSmoothSplashScreen1.Refresh; 
      Sleep(1000); 
      Inc(I); 
   end;

var
  i: integer;
begin
  AdvSmoothListBox1.Items.BeginUpdate;
  for I := 0 to AdvSmoothListBox1.Items.Count - 1 do
  begin
    AdvSmoothListBox1.Items[i].Caption := 'Item Updated !';
  end;
  AdvSmoothListBox1.Items.EndUpdate;

• AdvSmoothListBox (AdvSmoothListBox.Items.BeginUpdate / EndUpdate)
• AdvSmoothImageListBox (AdvSmoothImageListBox.Items.BeginUpdate / EndUpdate)
• AdvSmoothDock (AdvSmoothDock.BeginUpdate / EndUpdate)
• AdvSmoothExpanderGroup (AdvSmoothExpanderGroup.BeginUpdate / EndUpdate)
• AdvSmoothSplashScreen (AdvSmoothSplashScreen.BeginUpdate / EndUpdate)
• AdvSmoothTimeLine (AdvSmoothTimeLine.BeginUpdate / EndUpdate)
• AdvSmoothTouchKeyBoard (AdvSmoothTouchKeyBoard.Completion.BeginUpdate / EndUpdate)

1) This is a section menu item with itemtype itNormal. The text property has been set with no extra functionality.

2) This is a section menu item with itemtype itHeader. The text property has been set with a different font and color. The difference between item number 1 and 2 is that an item with itemtype itHeader does not respond to hovering or selection. Between item 1 and 2 there is a thin line that separates item 1 and 2. This is a section menu item with itemtype itLineSeparator. The fill of this separator can be changed in the itemappearance of a section.

3) This is an item with no text, and only the control property has been set. The controls are bundled in a panel container and the panel is used in the control property of an item.

Below is the code to add those three items:

with Items.Add do 
begin 
  Text.Text := 'You need to be logged in to access this page. Sign in so we can give you access to quick checkout, order tracking/history and more.'; 
  ItemType := itNormal; 
end;

Items.Add.ItemType := itLineSeparator; 

with Items.Add do 
begin 
  Text.Text := 'Existing Users: Sign In

'; 
  ItemType := itHeader; 
end; 

with Items.Add do 
begin 
  ControlType := ctControl; 
  Control := Panel1; 
end;

1) Root menu item. The root menu item can contain images, multiline text, HTML formatted text. The root menu items can be organized vertically or horizontally.

2) Selected root menu item with its menu dropdown: This menu dropdown can contain sections, top layer items, each root menu item has a separate fill for normal, hovered, selected and disabled state.

3) Tear-off strip: When the tear-off functionality is enabled you can “tear-off” the sub menu from the root menu item. After tear-off, the menu dropdown remains fully functional. To hide the sub menu click on the corresponding root menu. Multiple menus of a TAdvSmoothMegaMenu can be in “tear-off” state.

4) Section: The section caption has a separate fill and can be switched on/off. The section height and width can be set or can be automatically calculated. The menu dropdown can contain multiple sections and sections can be positioned vertical or horizontal.

5 - 6) Section items: Each section can be populated with feature-rich items. Items can contain HTML text, controls, images and have a normal, hovered, selected or disabled fill appearance. Items can have a different type depending on the needed functionality. These item types are: Normal, Header, Separator, LineSeparator, Break, LineBreak.