Slider Image gallery - SELECT my Product Theme

[hitmany]

Hello,
How to make dialog message with Slider image gallery. If user select image and press Next button - get image number and unpack theme files to install directory.

Gallery like this:

[Daniel]

Hello and welcome to Advanced Installer forums,

Thank you for your interest in Advanced Installer.

In order to achieve this you can create your own customized HTML page and display it through a "HTML Host Control". Also, as a workaround you can try the following scenario:
- Go to "Themes -> Settings" tab and enable our Enhanced UI feature.
- Go to "Custom Actions" page and add the following VBScript files as "Launch attached file" custom actions without sequence (eg. PreviousImageScript and NextImageScript):

Code: Select all

Dim x

'Retrieve the value of MY_PROP
x = Session.Property("MY_PROP") 

If x > 1 Then
  'Decrement x
  x = x-1
End If

'Write the decremented value back into MY_PROP
Session.Property("MY_PROP") = cstr(x)

'setting AiRefreshDlg refreshes the controls on a dialog when Enhanced UI is enabled
Session.Property("AiRefreshDlg") = cstr(1)

Code: Select all

Dim x

'Retrieve the value of MY_PROP
x = Session.Property("MY_PROP") 

If x < 3 Then
  'Increment x
  x = x+1
End If

'Write the incremented value back into MY_PROP
Session.Property("MY_PROP") = cstr(x)

'setting AiRefreshDlg refreshes the controls on a dialog when Enhanced UI is enabled
Session.Property("AiRefreshDlg") = cstr(1)

- Add a "Set installer property" custom action with sequence, scheduled before "Wizard Dialogs Stage -> Searches" action group, like this:

• Property: MY_PROP
  Formatted: 1

- Go to "Dialogs" page and add a new dialog.
- Here add a image control (e.g. Bitmap_1) with the following control conditions:

• Condition: MY_PROP = "1"
  Action: Show
  
  Condition: MY_PROP <> "1"
  Action: Hide

- Add a new image control (e.g. Bitmap_2) over the above image with the following control conditions:

• Condition: MY_PROP = "2"
  Action: Show
  
  Condition: MY_PROP <> "2"
  Action: Hide

- Add another image control (e.g. Bitmap_3) over the above image with the following control conditions:

• Condition: MY_PROP = "3"
  Action: Show
  
  Condition: MY_PROP <> "3"
  Action: Hide

- Add two button controls (Previous_Image and Next_Image) positioned under the above image controls.
- Select the above [Next_Image] button and add a published event like this:

• Name: Execute custom action
  Argument: NextImageScript

- Then add two control conditions like this:

• Condition: MY_PROP = "3"
  Action: Disable
  
  Condition: MY_PROP <> "3"
  Action: Enable

- Select the above [Previous_Image] button and add a published event like this:

• Name: Execute custom action
  Argument: PreviousImageScript

- Then add two control conditions like this:

• Condition: MY_PROP = "1"
  Action: Disable
  
  Condition: MY_PROP <> "1"
  Action: Enable

- Build and run your project.

Also, you can add the related themes image files in "Files and Folders" view and condition their components installation, using MY_PROP property value, from "Organization -> Component Properties" right pane.

All the best,
Daniel