Vise tjenesteeiers logo

[hanneline]

Describe the solution you'd like

There is a need for app owners to have their organization logo in the app front end, such that the end users more easily could identify that this is an app which is made available from this organization.

Acceptance criterias

• When enabling the use of appOwner logo it should default to the one specified in altinn-orgs.json on CDN for easy re-use accross apps
• The url of the logo should be configurable (any url or limited to CDN or the app?) to allow support for service owners that is responsible for multiple organizations and to support logos that have another language.
• The alt text of the logo should reflect the language selected eg. "The Directorate of Education logo"
• Document guidelines in the documentation for logo format and size and how to add it
• If a custom logo is provided, the Altinn logo should be visible in the footer.
• If a custom logo is provided and the appOwner text resource is provided the appOwner text should be displayed to the right of the logo and not above the appName (as it does today) as shown in the design
• If a custom logo isn't specified the Altinn logo and placement of the appOwner text should be as it is today.

Implementation details

• Consider re-using the appOwner text resource for the alt text and compute the default alt text.

Screenshot and Figma link

https://www.figma.com/file/Pvti3aRcOwH0k5Z7DrLznk/Arbeidsomr%C3%A5de%3A-Altinn-Studio-APPS?type=design&node-id=1977%3A34329&mode=design&t=3X2MS1UhZYl54gdf-1

Possible solutions

• Upload logo in Altinn Studio
• Configure URL in Altinn Studio
• Display logo configured in altinn-orgs.json

[altinnadmin]

Updating logo and other org-metadata across apps needs to be possible. An easy solution to this is using Altinn CDN.

https://altinncdn.no/orgs/altinn-orgs.json

[jerschio]

Jeg jobber med å utvikle et skjema for søknad om Europeisk helsetrygdkort.
Jeg har tilpasset index.cshtml med litt kode for å kunne vise Helfo sin logo til høyre i skjema.
Samt skjule logoen som ser ut som en blokk til venstre i skjemaet.

Jeg kommer således rundt problemet, men det hadde vært ønskelig med et lettere og mer
robust system for å kunne ta i bruk egen logo.

Dette samsvar ganske bra med denne saken, men:

1. Helsedirektoratet lager skjemaet for Helfo, det er i dette tilfellet mismatch mellom
   tjenesteeier og logoen man ønsker å vise.
   Helsedirektoratet vil i fremtiden ha skjemaer hvor det er ønskelig
   med Helsedirektoratet sin logo og skjemaer hvor det er ønskelig med Helfo sin logo.

2. Ønskelig logo fungerer ikke på blå bakgrunn.
   Offisiell logo for Helfo går helt i ett med den blå bakgrunnen som benyttes i skjemaet.
   Jeg har inntrykk av at https://altinncdn.no/orgs/altinn-orgs.json kun kan inneholde 1 logo.
   Jeg vil tro at man her typisk legger offisiell logo.

3. Det hadde vært ønskelig å kunne styre hvorvidt høyhus logoen til venstre vises eller ikke.

4. Det hadde vært ønskelig å kunne styre hvorvidt egen logo vises:

• høyrejuster
• venstrejustert
• sentrert

[altinnadmin]

Hei @jerschio!

1. Tanken bak det at vi har egne mapper pr. org i altinncdn er at den enkelte org skal kunne laste opp statisk ressurser som man ønsker å kunne gjenbruke på tvers av sine apps. Så ikke noe i veien for at du lager en PR med f.eks. "helfo-logo.png" i denne folderen: https://github.com/Altinn/altinn-cdn/tree/master/orgs/hdir. Alternativt en ny issue der du laster opp ønsket fil.

2. Det er null problem å oppdatere "offisiell" logo på cdn. Enten ved at du oppretter en pull request med endringen eller oppretter en issue der du laster opp ønsket logo, så kan vi legge den inn for deg.

3. og 4. Når det gjelder disse så kan det helt sikkert fikses med litt CSS i index.cshtml. Men oppfatter at du kanskje ønsker noe litt mer robust. En ting å tenke på her er at det fra brukernes perspektiv er fordelaktig med en konsistent plassering av logo, og bruk av grafiske elementer, på tvers av apper som benytter det samme designet. Jeg regner med at @Febakke kanskje har noen synspunkter og innspill på dette :)

[lvbachmann]

Related to #168