sgcUI sgcWizard is nu beschikbaar

sgcWizard. Stap voor stap. Gecontroleerd onderweg.

Begeleid je gebruikers door installatie, onboarding en afrekenen. Elke pagina die je toevoegt wordt een stap in de stappenindicator, Vorige, Volgende, Voltooien en Annuleren zijn ingebouwd, en één enkele gebeurtenis houdt de zet tegen tot de pagina geldig is. Een native wizard en stappenindicator voor Delphi, C++ Builder en .NET, inclusief broncode.

  • VCL
  • FireMonkey
  • WinForms
  • WPF
  • Avalonia
  • Delphi 7 t/m 13
  • 1gebeurtenis valideert elke zet: Volgende, Vorige, Voltooien, een klik op een stap of code
  • 5stapstatussen: wachtend, actief, voltooid, fout en overgeslagen
  • 3indelingen van de stappenindicator: boven, links of verborgen
  • 5UI-frameworks: VCL, FireMonkey, WinForms, WPF, Avalonia

Alles wat een wizard nodig heeft.

Lange formulieren overweldigen gebruikers, terwijl dezelfde velden verdeeld over een paar duidelijke stappen wel worden afgerond. sgcWizard maakt er een begeleide stroom van, met de regels en de uitstraling van je toepassing.

  • Pagina's worden stappen

    Elke pagina die je toevoegt verschijnt in de stappenindicator, met Vorige, Volgende, Voltooien en Annuleren ingebouwd.

  • Validatie met vetorecht

    OnBeforePageChange houdt de zet tegen tot de pagina geldig is, wat de gebruiker ook indrukte.

  • Duidelijke stapstatussen

    Wachtend, actief, voltooid, fout en overgeslagen, elk in één oogopslag duidelijk.

  • Past bij je toepassing

    Je eigen knopteksten, lichte en donkere thema's, een accentkleur en pagina's die je in de IDE ontwerpt.

Zie het draaien.

Vastgelegd uit de Onboarding-demo die bij de proefversie zit.

De Onboarding-demo: een wizard met vier stappen met de pagina's Welcome, Account, Options en Summary en de balk met Vorige, Volgende en Annuleren
Pagina's en stappen

Formulieren met meerdere stappen en een ingebouwde stappenindicator.

  • AddPage maakt tegelijk een pagina en de bijbehorende stap in de stappenband.
  • Caption, Description en StepGlyph geven elke stap een label, zodat gebruikers zien waar ze zijn en wat er nog komt.
  • Next, Back en GoToPage verplaatsen precies zoals de knoppen dat doen.
De pagina Summary van de Onboarding-demo, gevuld door OnPageChanged, met de knop Voltooien
Overslaan en voltooien

Sla stappen over die niet van toepassing zijn, voltooi waar jij besluit.

  • Stel Skip op een pagina en Volgende en Vorige springen eroverheen, terwijl de stappenindicator hem nog steeds toont met een onderbroken omtrek.
  • OnFinish wordt uitgevoerd nadat de validatie het voltooien toestaat, zodat de opslagcode op één plek staat.
  • OnCancel verwerkt de knop Annuleren, de Escape-toets en een aanroep van Cancel. De wizard sluit zelf nooit iets af.
De wizard met StepperPosition ingesteld op wspLeft: een verticale stapkolom met beschrijvingen, zoals een installatieprogramma
Indeling van de stappenindicator
  • StepperPosition accepteert wspTop, wspLeft of wspNone zonder je pagina's aan te raken.
  • CircleSize, ConnectorThickness en ShowDescriptions bepalen de grootte en het label van de stapmarkeringen.
  • Rechts naar links voor Arabisch en Hebreeuws spiegelt de stappenindicator, de volgorde van de stappen en de knoppen Vorige en Volgende.
Een stappenindicator en zijn knoppenbalk weergegeven als afbeelding zonder venster
Headless uitvoer

Afbeeldingen van de stappenindicator voor documentatie en tests.

  • sgcWizardSaveToPNG en sgcWizardSaveToSVG tekenen een stappenindicator zonder venster en zonder VCL of FireMonkey.
  • Een consoleprogramma, een service, een unittest of een webserver krijgt dezelfde stappenindicator als afbeelding, ook op Linux64.
  • In .NET schrijft het pakket esegece.sgcWizard.Rendering PNG-bestanden op Windows, Linux en macOS.

Een wizard in een paar regels.

Voeg de pagina's toe, markeer er één als optioneel en valideer voordat de gebruiker de pagina Account verlaat. Dezelfde API in Delphi, C++ Builder en C#.

dotnet add package esegece.sgcWizard.WinForms

C++ Builder- en C#-versies

procedure TMainForm.CreateWizard;
var
  oPage: TsgcVCLWizardPage;
begin
  // the wizard fills the form: stepper on the left, buttons at the bottom
  FWizard := TsgcVCLWizard.Create(Self);
  FWizard.Parent := Self;
  FWizard.Align := alClient;
  FWizard.StepperPosition := wspLeft;
  FWizard.Theme := utDark;
  FWizard.NextCaption := 'Continue';
  FWizard.FinishCaption := 'Create account';
  // every page is a step of the stepper
  oPage := FWizard.AddPage('Welcome');
  oPage.Description := 'Start here';
  oPage := FWizard.AddPage('Account');
  oPage.Description := 'Your details';
  FName := TEdit.Create(Self);
  FName.Parent := oPage;
  FName.SetBounds(24, 24, 240, 24);
  // an optional page the user can skip: Next and Back jump over it
  FOptions := FWizard.AddPage('Options');
  FOptions.Description := 'Optional';
  FOptions.Skip := True;
  oPage := FWizard.AddPage('Done');
  oPage.Description := 'Summary';
  FWizard.ActivePageIndex := 0;
  FWizard.OnBeforePageChange := WizardBeforePageChange;
  FWizard.OnFinish := WizardFinish;
end;

procedure TMainForm.WizardBeforePageChange(Sender: TObject;
  aFromIndex, aToIndex: Integer; var aAllow: Boolean);
begin
  // veto: leaving Account forwards needs a name
  if (aFromIndex = 1) and (aToIndex > aFromIndex) then
    aAllow := Trim(FName.Text) <> '';
end;

procedure TMainForm.WizardFinish(Sender: TObject);
begin
  ShowMessage('Welcome, ' + FName.Text);
end;

Onderdeel van sgcUI.

Koop sgcWizard los, of krijg het in sgcUI Enterprise, naast alle producten die zijn thema en runtime delen. Elk wordt geleverd met broncode.

Los verkrijgbaar

sgcWizard

De wizard en de stappenindicator los, met volledige broncode en 1 jaar updates.

€149 / ontwikkelaar
Prijzen van sgcWizard

Standard

sgcGrid, sgcNavigation, sgcToolbar en sgcEditors.

€380 / ontwikkelaar
Bekijk Standard

Professional

Standard plus sgcCharts, sgcDashboard en sgcGauges.

€529 / ontwikkelaar
Bekijk Professional
Bevat sgcWizard

Enterprise

Alle 15 sgcUI-producten.

€699 / ontwikkelaar
Bekijk Enterprise

Voor .NET is esegece.sgcWizard.Community op NuGet gratis. sgcWizard zit ook in de All-Access-bundel.

Ontdek sgcUI

Zet sgcWizard vandaag in je eigen toepassing.

Download de proefversie en draai de demo's Onboarding, Stepper en OnboardingFMX, of bekijk eerst alle functies.

Laatste blogberichten

Bekijk alle berichten →

Je bekijkt nu de sgcWizard-weergave van eSeGeCe.

Toon me een andere invalshoek →
Niet-goed-geld-terug-garantie van 30 dagenNiet tevreden? Vraag binnen 30 dagen na aankoop een volledige terugbetaling aan. Bekijk het terugbetalingsbeleid