[MGNLUI-4901] As a user I want to add SVG icons for apps via light-module Created: 17/Dec/18  Updated: 09/Mar/21

Status: Open
Project: Magnolia UI
Component/s: None
Affects Version/s: 6.0
Fix Version/s: None

Type: Improvement Priority: Neutral
Reporter: Christoph Meier Assignee: Unassigned
Resolution: Unresolved Votes: 1
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
duplicate
duplicates MGNLUI-2299 CSS is loaded after the Modul is started Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Date of First Response:

 Description   

With 6.0 we have started to use SVG files to draw the app icons.  To add a new, custom icon, people must add the SVG file(s) to src/main/resources/VAADIN/appicons in a Maven module. SVG icons added to ${magnolia.resources.dir}/VAADIN/appicons are not found by Vaadin.

Users now can develop a custom content app completely within a light module (besides they need custom java classes). We should give the users the possibility to provide their own, custom SVG icons with light modules. 
 
Since the app icon now must be an SVG icon, if you create a custom app, you have these possibilities: 

  1. Rely on the default icon.
  2. Reuse an SVG icon which is already in the bundle.
  3. Supply a custom icon via Maven module.

 
For (2) it could be helpful to have somewhere a list of all SVG icons which can be used for an app icon! (While using the icon-font, it was a bit easier since you could watch all available icons from the icon font via docu.)
The SVG icons are in a module which belongs to the "internal" repository, hence it is really challenging to find the list of the available SVGs.
=> https://git.magnolia-cms.com/projects/INTERNAL/repos/magnolia-icons/browse/src/main/resources/VAADIN/appicons

Note that Magnolia cloud users with a default subscription package cannot add Maven modules!

 

 



 Comments   
Comment by Antti Hietala [ 17/Dec/18 ]

it could be helpful to have somewhere a list of all SVG icons which can be used for an app icon

Create a doc tasks for this, please. The icons are on Git. Create a contact sheet or gallery with Icomoon.io for example. Can be done independently of this ticket. https://git.magnolia-cms.com/projects/INTERNAL/repos/magnolia-icons/browse/src/main/resources/VAADIN/appicons

 

Comment by Christoph Meier [ 17/Dec/18 ]

ahietala - Yes. I had the same thought. We will will provide such gallery. And yes, this can be done independent from the "story" I have created here.
Here is the DOCU follow-up: DOCU-1808

However, many of the existing SVGs are rather "specific" and not always suitable for custom content apps.

Generated at Mon Feb 12 09:21:14 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.