Supportdokument Visa/Dolj knappar i Webeditor 8 Synpunkter, felaktigheter, önskemål etc. för dokumentet meddelas Fil: VisaDölj knappar i Webeditor 8.docx
Innehållsförteckning 1. Allmänt... 2 2. Skapa ett webbprojekt... 2 2.1. Skapa en Bakgrundsida... 2 3. Startsida... 3 4. Sida 1... 4 5. Bakgrundssidan... 4 6. Versionshistorik... 7 Malthe Winje Automation AB www.malthe-winje.se Sida 1/7
1. Allmänt I detta dokument tänkte vi att gå igenom hur man med hjälp av funktioner beroende på vilken sida man är på kan visa eller dölja knappar i bakgrundsbilden 2. Skapa ett webbprojekt Genom att i PG5 Project manager skapa ett WebEditor 8 projekt så startas WebEditorn. Det första vi måste göra nu är att välja vilken storlek som bilderna i projektet skall ha. I detta exempel har vi valt en bildstorlek på 1024*768. Nu har vi i vårt Solution fönster en sida som heter Start.Wev 2.1. Skapa en Bakgrundsida Till att börja med så skall vi skapa en bakgrund sida detta gör vi genom att gå till menyn File New File. Här väljer vi att vi skall skapa en ny Empty Web Editor View File som vi döper till Bakgrund. Malthe Winje Automation AB www.malthe-winje.se Sida 2/7
Efter detta går vi till menyn Project Web Option. Här väljer vi Project Default och väljer att vi vill använda vår Bakgrundssida som Backgrund View. Detta gör nu att alla nya sidor som vi skapar kommer att per automatik att få samma bakrundssida. Nu klickar vi ok och går vidare till att skapa andra sidor i vårt projekt. Vi kommer tillbaka till vår bakgrundsida lite längre fram. För att vara säker på att detta slår igenom så var uppmärksammad att på sidorna i projektet får följande inställning. 3. Startsida 1. Nu har vi en tom startsida. I Properties fönster klickar vi på fliken Action. 2. I dropdown meny för On view open väljer vi Call Function. 3. Genom att klicka på knappen som ser ut som ett tomt papper skapar vi en ny RuntimeAction. Nu kommer vi att få upp ett nytt fönster som heter Function Editor. Malthe Winje Automation AB www.malthe-winje.se Sida 3/7
4. Klicka på Do Nothing och välj Write. Genom att skapa en internvariabel som heter StartSida_Akiv och sätta den lika med 1 om sidan öppnas (on view open) har vi koll på vilken sida som visas just nu. Nu gör vi om proceduren fast nu skall vi sätta StartSida_Aktiv till 0 om vi lämnar sidan. 5. I dropdown menyn för On view close väljer vi Call Function. 6. Skapa en ny RuntimeAction. 7. Gör nu en ny funktion som skriver 0 i internvariabeln StartSida_Aktiv. 4. Sida 1 Nu när detta är klart så gör vi om allt en gång till från början och skapar en helt ny webbsida som vi döper till Sida1. När vi skapat Sida1 börjar vi om från början på punk 1 i föregående kapitel. Den interna variabeln kallar vi nu dock för Sida1_Aktiv. Vill man göra fler sidor så är det bara att upprepa ovanstående moment. I detta exempel kommer jag att göra fram till Sidan4. Glöm inte att skapa en ny internvariabel för varje sida. 5. Bakgrundssidan Nu har vi skapa de sidor som vi behöver och vi har även inställningen att sidorna skall använda bakgrundssidan. Då är det dag att öppna bakgrundsidan och lägga in lite knappar. Här skapar vi 5 knappar, lägger dem på rad på nedre delen på vår Bakgrundssida Malthe Winje Automation AB www.malthe-winje.se Sida 4/7
Markera en och en knapp och gå till Action fliken i Properties fönstret. Ställ dig på Dropdown för On press och välj Open View. I View name väljer du Sida för respektive knapp. Hem knappen skall peka mot startsidan. När alla knappar har fått sin respektive Action går vi till fliken General och väljer att lägga till en ny Condition genom att klicka på plus-knappen Döp den nya Condition till Dold. Välj Internvariabel och skriv i variabeln vi skapade tidigare. I detta fall när vi jobbar med knappen för Sida 1 så använder vi variabeln Sida1_Aktiv. Är Sida1_aktiv lika med 1 så skall den göras osynlig och inte ha någon funktion så vi fyller i rutorna Hidden och Disabled events. Gör nu samma procedur för de övrig knapparna. När detta är klart så kompilerar vi och laddar ner programmet. Malthe Winje Automation AB www.malthe-winje.se Sida 5/7
6. Resultat Om vi nu gjort rätt så skall resultatet bli följande: Malthe Winje Automation AB www.malthe-winje.se Sida 6/7
7. Versionshistorik Version Kommentar Sign. 2015-06-23 Dokumentet skapades. UL 2017-01-09 Uppdaterad UL Malthe Winje Automation AB www.malthe-winje.se Sida 7/7