update pdf preview section to use dev tools (#1219)

content/app/development/ux/pdf/_index.en.md

@@ -273,16 +273,18 @@ It is possible to exclude child components from a group by using the `excludedCh
 
 {{%notice warning%}}
 
-This feature only applies to version 7.5 and higher.
+This preview is only applicable to the new PDF generation method (v7.5+). See [above](#new-pdf-generation) for more information.
 
 {{% /notice%}}
 
 It is possible to get a preview of what the generated PDF will look like in the browser while you are developing. Follow the instructions below:
 
 1. **Important**: Use Google Chrome to preview the PDF.<br>The PDF generator uses a version of Chrome to generate the
    PDF, and other browsers will not produce the correct result.
-2. In the app you want to preview, add `?pdf=preview` to the end of the URL in the browser and hit enter.<br>This will
-   continuously run the PDF layout in the background so that you can get an instant preview. You may experience slower
-   performance when in this mode.
-3. When you are ready to preview, use Chrome's built in print function (`Ctrl+P`/`⌘+P`) to get a preview of what the PDF
-   document will look like.
+2. Start your app locally or open your app in the test environment, and start an instance.
+3. Open the developer tools by clicking the button in the bottom right corner, or use the keyboard shortcut `Ctrl+Shift+K`/`⌘+Shift+K`.
+   <br><br>
+   ![The button that opens the developer tools, screenshot](dev-tools-button.png) 
+4. Click the `Forhåndsvis PDF` (Preview PDF) button in the developer tools panel.
+   <br><br>
+   ![Developer tools, screenshot](preview-button.png) 

content/app/development/ux/pdf/_index.nb.md

@@ -274,13 +274,18 @@ Det er mulig å ekskludere enkeltkomponenter inne i en gruppe ved å bruke `excl
 
 {{%notice warning%}}
 
-Denne funksjonen er kun tilgjengelig i versjon 7.5 og høyere.
+Forhåndsvisningen gjelder kun dersom du bruker ny PDF generering (v7.5+). Se [ovenfor](#ny-pdf-generering) for mer informasjon.
 
 {{% /notice%}}
 
 Det er mulig å se en forhåndsvisning av hvordan den genererte PDF'en kommer til å se ut i nettleseren imens du jobber. Følg instruksjonene nedenfor:
 
 1. **Viktig**: Bruk Google Chrome til å forhåndsvise PDF.<br>PDF-generatoren bruker en variant av Chrome til å generere PDF'en, så andre nettlesere vil ikke produsere et korrekt resultat ved forhåndsvisning.
-2. I appen du ønsker å forhåndsvise, legg til `?pdf=preview` på slutten av URLen i nettleseren og trykk enter.<br>Dette vil sørge for at PDF-layouten ligger klar i bakgrunnen slik at du kan få en umiddelbar preview. Du kan oppleve svakere ytelse i denne modusen.
-3. Når du er klar til å fohåndsvise, bruk Chrome sin innebygde print-funksjon (`Ctrl+P`/`⌘+P`) for å se en forhåndsvisning av hvordan PDF-dokumentet kommer til å se ut.
+2. Kjør opp appen din lokalt eller åpne appen din i testmiljøet, og start en instans.
+3. Åpne utviklerverktøyet ved å trykke på knappen nederst i høyre hjørne, eller bruk hurtigtasten `Ctrl+Shift+K`/`⌘+Shift+K`.
+   <br><br>
+   ![Knappen som åpner utviklerverktøyet, skjermbilde](dev-tools-button.png) 
+4. Trykk på `Forhåndsvis PDF`-knappen i utviklerverktøyet.
+   <br><br>
+   ![Utviklerverktøyet, skjermbilde](preview-button.png)