You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: modules/customizing-the-home-page/proc-customizing-the-home-page-cards.adoc
+28-2Lines changed: 28 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -3,7 +3,16 @@
3
3
[id="customizing-the-home-page-cards_{context}"]
4
4
= Customizing the Home page cards
5
5
6
-
Administrators can change the fixed height of cards that are in a 12-column grid.
6
+
As an administrator, you can customize the layout and content of the Home page to create a tailored user experience. This includes integrating various specialized cards into the primary view.
7
+
8
+
The Home page layout uses a 12-column grid system. You can precisely define the position (x), width (w), and height (h) for each card across multiple screen breakpoints:
9
+
10
+
* Extra-large (xl)
11
+
* Large (lg)
12
+
* Medium (md)
13
+
* Small (sm)
14
+
* Extra-small (xs)
15
+
* Extra-extra-small (xxs)
7
16
8
17
The default Home page is as shown in the following `{my-app-config-file}` file configuration:
9
18
@@ -56,6 +65,8 @@ dynamicPlugins:
56
65
57
66
Search::
58
67
+
68
+
You can use the *SearchBar* card to provide essential search functionality directly on the Home page.
69
+
+
59
70
--
60
71
[source,yaml]
61
72
----
@@ -91,6 +102,8 @@ dynamicPlugins:
91
102
92
103
Quick access::
93
104
+
105
+
You can use the *QuickAccessCard* card to function as a customizable shortcut panel.
106
+
+
94
107
--
95
108
[source,yaml]
96
109
----
@@ -126,6 +139,8 @@ dynamicPlugins:
126
139
127
140
Headline::
128
141
+
142
+
You can use the *Headline* card to display important information.
143
+
+
129
144
--
130
145
[source,yaml]
131
146
----
@@ -159,6 +174,8 @@ dynamicPlugins:
159
174
160
175
Markdown::
161
176
+
177
+
You can use the *Markdown* card to display richly formatted content directly within the Home page layout. This card uses Markdown syntax to present structured information, such as lists and links (documentation and plugin repositories).
178
+
+
162
179
--
163
180
[source,yaml]
164
181
----
@@ -212,6 +229,8 @@ dynamicPlugins:
212
229
213
230
Placeholder::
214
231
+
232
+
You can use the *Placeholder* card as a utility element for reserving space or for layout testing on the Home page.
233
+
+
215
234
--
216
235
[source,yaml]
217
236
----
@@ -237,6 +256,8 @@ dynamicPlugins:
237
256
238
257
Catalog starred entities::
239
258
+
259
+
You can use the *CatalogStarredEntitiesCard* card to provide a dedicated space on the Home page for users to view catalog entities that they have marked as starred.
260
+
+
240
261
--
241
262
[source,yaml]
242
263
----
@@ -251,6 +272,8 @@ dynamicPlugins:
251
272
252
273
Featured docs::
253
274
+
275
+
You can use the *FeaturedDocsCard* card as a way to highlight specific documentation within {product}, as it is available for deployment on the Home page.
276
+
+
254
277
--
255
278
[source,yaml]
256
279
----
@@ -265,7 +288,8 @@ dynamicPlugins:
265
288
266
289
EntitySection::
267
290
+
268
-
You can use the *EntitySection* card to create a visually engaging section that highlights catalog entities of various kinds, such as components, APIs, resources, and so on.
291
+
You can use the *EntitySection* card to create a visually engaging section that highlights catalog entities of various kinds, such as `Component`, `API`, `Resource`, and `System`.
292
+
+
269
293
--
270
294
[source,yaml]
271
295
----
@@ -290,6 +314,7 @@ dynamicPlugins:
290
314
OnboardingSection::
291
315
+
292
316
You can use the *OnboardingSection* card to quickly discover learning resources within {product-very-short}.
317
+
+
293
318
--
294
319
[source,yaml]
295
320
----
@@ -313,6 +338,7 @@ dynamicPlugins:
313
338
TemplateSection::
314
339
+
315
340
You can use the *TemplateSection* card to quickly explore and initiate software templates in {product-very-short}.
0 commit comments