Skip to content
Merged
Show file tree
Hide file tree
Changes from 3 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 5 additions & 9 deletions assemblies/assembly-customizing-the-homepage.adoc
Original file line number Diff line number Diff line change
Expand Up @@ -8,15 +8,11 @@ When using the `app-config`, you can do the following:

* Customize and extend the default Home page layout with additional cards that appear based on the plugins you have installed and enabled.
* Change quick access links.
* Add, reorganize, and remove the following available cards:
+
** Search bar
** Quick access
** Headline
** Markdown
** Placeholder
** Catalog starred entities
** Featured docs
* Add, reorganize, and remove the {customizing-book-link}#con-rhdh-available-cards[available cards].


include::modules/customizing-the-home-page/con-rhdh-available-cards.adoc[leveloffset=+1]


include::modules/customizing-the-home-page/proc-customizing-the-home-page-cards.adoc[leveloffset=+1]

Expand Down
21 changes: 21 additions & 0 deletions modules/customizing-the-home-page/con-rhdh-available-cards.adoc
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
:_mod-docs-content-type: CONCEPT

[id="con-rhdh-available-cards.adoc_{context}"]
= Available homepage cards

As an administrative user, you can easily integrate custom features or content from any installed plugin into your Home page layout. You can use the additional cards available for configuration based on the frontend plugins you enable.

The following is a list of the available homepage cards:

** Search bar
** Quick access
** Headline
** Markdown
** Placeholder
** Catalog starred entities
** Featured docs
+
[NOTE]
====
{product} plugin can add additional cards by exporting a react component. Each card can have a `layouts` definition and `props` that are depending on the used component.
====
Original file line number Diff line number Diff line change
Expand Up @@ -116,28 +116,6 @@ dynamicPlugins:
importName: TopVisitedCard
----

* You can add cards from a plugin. The plugin adds additional cards by exporting a React component. Each card can have a `layouts` definition and `props` that are depending on the used component as shown in the following example:
+
[source,yaml]
----
dynamicPlugins:
frontend:
red-hat-developer-hub.backstage-plugin-dynamic-home-page:
mountPoints:
- mountPoint: home.page/cards
importName: Headline
config:
layouts:
xl: { h: 1 }
lg: { h: 1 }
md: { h: 1 }
sm: { h: 1 }
xs: { h: 1 }
xxs: { h: 1 }
props:
title: Important info
----

* You can change the title by overriding the `title` property of the dynamic homepage plugin as shown in the following example:
+
[source,yaml]
Expand Down