I use Inno installer with Graphical Installer. I don't know if you have experience with it. But I would like to know how to move the components see picture. Moving the other texts around, I have solved, but I am interested in the frame where the text, the directory path and on the next page the progress bar. Is it possible to move that frame fig.1. I think it will be a GI component and I don't know its name. Primarily I want to put the directory path in a different place fig 2.
Among other things, I'm wondering if any effects can be applied. Animation (gif), video, different effects at startup etc. If there isn't a thread for that.
Example installer:
Change the position of the text and path frame. Graphical effects at startup.
Graphical Installer is based on the same Inno Setup components.
That edit box on Directory page is called DirEdit and you can set its position by adjusting its Left and Top properties.
Frame is actually an InnerNotebook (page of TNewNotebook component) and you can update its position the same way, e.g. in procedure InitializeWizard():
procedure InitializeWizard();
begin
#ifdef GRAPHICAL_INSTALLER_PROJECT
// Initialize Graphical Installer skinning mechanism
InitGraphicalInstaller();
#endif
// Change position of the Frame
WizardForm.InnerNotebook.Left := 0;
WizardForm.InnerNotebook.Top := 0;
end;
Note: Changing this Frame position may broke the image shown in installer (you need to regenerate it witch changed coordinates).
Related
I'm making my own design for the Inno wizard, but I can't seem to find how to change the background color of the buttons (next/back/cancel).
Does anyone know?
I know it has to be in the [Code] section under procedure InitializeWizard();
And should look something like
WizardForm.NextButton.Color := $464646;
But obviously this one doesn't work, hence I'm looking for any suggestions. And please don't recommend plugins, not going to use any plugins. My style looks the way I wanted it to look aside from the buttons.
This is not possible in vanilla Inno Setup.
In Windows drawing buttons is a complex task because buttons typically contains several "layers" which are painted individually - like frame, shadows, body (not single color).
The easiest to achieve this is to write custom plugin for Inno Setup (either C/C++ or Delphi - based on your preferences) and use the WIndows API, however this requires some additional knowledge.
See https://learn.microsoft.com/en-us/windows/win32/controls/button-styles?redirectedfrom=MSDN#BS_OWNERDRAW for more info.
Is it possible to change inner background color for modal and browse directory windows in Inno Setup? In my case I want it should be white.
UPD: Same behaviour is on the inner pages of Inner Setup, but I've fixed it by setting WizardForm.InnerPage.Color := clWhite;
I'm using VclStylesInno for styling my installer with custom style spreadsheat.
You cannot change the color of these in Inno Setup itself, except by a custom build of Inno Setup or some addon DLL (see below).
All you can do is to re-implement these dialogs from the scratch:
For the "browse" dialog: Handle the WizardForm.DirBrowseButton.OnClick and use CreateCustomForm and TFolderTreeView to implement the browse dialog. Download Inno Setup code and copy the existing implementation from SelFolderForm.pas.
For an example of handling WizardForm.DirBrowseButton.OnClick, see
How to display localized Program Files name (display name) during installation?
For the "cancel" dialog: Implement the CancelButtonClick event function. Make sure you set Confirm to False to get rid of the default prompt. And implement your own. Again, use the CreateCustomForm.
It's a lot of work for a small gain. I'd not do it.
Instead, you can use VCL Styles for Inno Setup (DLL) to style Inno Setup windows (including all modal dialogs).
As turned out, the reason was in the "Colors" option in Bitmap Designer, which I use to modify my installer style. This option makes some additional styling for controls:
When trying to apply a custom installation mask with radio buttons (I used code provided in Replace installation types dropdown list by radio buttons) I see I am unable to use higher fonts as a little spacing should be needed between one radio button field and another one. To give you a visual example:
As default font size are not so easy to be read I wonder if there is a way of adding extra spacing between one radio button field and the next one.
Checkboxes and Radio buttons created on runtime in Inno Setup do not scale their height automatically with a DPI/font size.
So you have to scale them programmatically.
...
RadioButton.Left := WizardForm.TypesCombo.Left;
RadioButton.Height := ScaleY(RadioButton.Height);
RadioButton.Top := WizardForm.TypesCombo.Top + I * RadioButton.Height;
...
The ScaleY(RadioButton.Height) takes the default combobox/radiobutton height, which is designed for the default font and no display scaling (100%) and scales that to the custom font and actual display scaling.
Though note that using a non-default font-size for your application/setup is not a good idea. The user should choose a font size he/she is comfortable with in Windows preferences. You should not override his/her choice.
When changing the font size, do not modify the shared default.isl, use the [LangOptions] section of your project file instead:
[LangOptions]
DialogFontSize=20
I'm using the following lines to change the MainPanel color and WizardSmallBitmapImage image:
[Setup]
WizardSmallImageFile=MyFile.bmp
[Code]
procedure InitializeWizard;
begin
WizardForm.MainPanel.Color := $00FFDBBF;
end;
In my setup I'm using the isxdl plugin for downloading prerequisites and the problem is that when its downloading progress page is shown, the MainPanel and WizardSmallBitmapImage components change their look back to the default as I've tried to illustrate on this picture:
Why does the wizard form header change when the isxdl plugin downloading page is shown and how to keep the modified look of the page header even for this page ?
The root of this problem lies deep inside the isxdl plugin which draws its own header, so what you see on that page is not Inno Setup's MainPanel and WizardSmallBitmapImage but elements drawn by that plugin, hardcoded in its source code.
In my view it would be unecessarily overcomplicated (if even possible) to intercept that plugin's window proc for overdrawing those elements with their actual look (in a response to the WM_PAINT message), so I would suggest you either building your own version of that plugin, or switching to a different plugin, e.g. Inno Download Plugin which is also easy to use and which doesn't break the wizard look.
I've been playing around with Inno Setup 5.3.6; trying to customize the installers colors. Mainly the banner that appears at the head of the installer. But as of yet i have no luck finding a way of doing this easily.
After reading through the documentation I found the BackColor, BackColor2, BackColorDirection and BackSolid parameter. But giving them different values has as of yet not given me any visual change whatsoever.
Quick example of what I'm trying to do
[Setup]
AppName=My Program
AppVerName=My Program version 1.4
DefaultDirName={pf}\My Program
DefaultGroupName=My Program
BackColor=$E6B13A
BackColor2=$E5B13A
BackSolid=no
BackColorDirection=lefttoright
What I'm wondering is, does anyone know what colors BackColor and BackColor2 actually modifies? And if there is no simple way of changing the colors; is there any way to modify the upper banners color gradient programmatically using the [Code] segment?
The four parameters are described in the Cosmetic section of the documentation of the [Setup] section in the Inno Setup help. They do what you would expect, but not for the gradient in the upper area of the setup wizard, but for the background window that was customary a few years ago. This is considered legacy, but can be enabled by setting
[Setup]
...
WindowVisible=yes
(the default value is no). You can try this to see it in action, but IMO you shouldn't enable this for your installations unless you want them to look rather dated.
As for the top area of the wizard: It is not meant to have a gradient. If you use a tool like Spy++ to check the window hierarchy of the wizard, or open the Wizard.dfm.txt text file from the Inno Setup sources, you will find that there is a window of the class TPanel with the colour set to the default window colour (clWindow if you know Delphi, or the result of calling GetSysColor() with the COLOR_WINDOW constant). This is a solid colour, which you can change easily by adding this to your [Code] section:
procedure InitializeWizard();
begin
WizardForm.MainPanel.Color := clYellow;
end;
I don't think it is possible with the current Inno Setup versions to draw a gradient on this panel, because the panel itself has no canvas to draw on, and the TPaintBox class which could maybe be created in the right place and be used to draw the gradient isn't available (see list of classes in the "Support Classes Reference" section of the documentation).
this is an old question, but someone might stumble here like i did. The most elegant way to change the inno setup color schemes is by using a 3rd party tool called ISSkin