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-appearance/proc-customizing-entity-detail-tab-layout.adoc
+18-13Lines changed: 18 additions & 13 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -17,29 +17,34 @@ For consistency with your organization needs, you can change the entity detail t
17
17
global:
18
18
dynamic:
19
19
plugins:
20
-
- package: _<your_package_location>_ # <1>
20
+
- package: _<your_package_location>_
21
21
disabled: false
22
22
pluginConfig:
23
23
dynamicPlugins:
24
24
frontend:
25
-
_<your_plugin_name>_: # <2>
25
+
_<your_plugin_name>_:
26
26
mountPoints:
27
-
- mountPoint: entity.page.ci/cards # <3>
28
-
importName: TektonCI # <4>
27
+
- mountPoint: _<mount_point>_
28
+
importName: _<import_name>_
29
29
config:
30
-
layout: # <5>
30
+
layout:
31
31
gridColumn:
32
32
lg: span 6
33
33
xs: span 12
34
-
if:
35
-
allOf:
36
-
- isTektonCIAvailable
37
34
----
38
-
<1> `package:` Enter your package location, such as `./dynamic-plugins/dist/backstage-community-plugin-tekton`.
39
-
<2> `_<your_plugin_name>_:` Enter your plugin name, such as: `backstage-community.plugin-tekton`.
40
-
<3> `mountPoint:` Copy the mount point defined in the plugin default configuration, such as: `entity.page.ci/cards`.
41
-
<4> `importName:` Copy the import name defined in the plugin default configuration, such as: `TektonCI`.
42
-
<4> `layout:` Enter your layout configuration.
35
+
`package`::
36
+
Enter your package location, such as `./dynamic-plugins/dist/backstage-community-plugin-tekton`.
37
+
38
+
`_<your_plugin_name>_`::
39
+
Enter your plugin name, such as: `backstage-community.plugin-tekton`.
40
+
41
+
`mountPoint`::
42
+
Copy the mount point defined in the plugin default configuration, such as: `entity.page.ci/cards`.
43
+
44
+
`importName`::
45
+
Copy the import name defined in the plugin default configuration, such as: `TektonCI`.
46
+
47
+
`layout`:: Enter your layout configuration.
43
48
The tab content is displayed in a responsive grid that uses a 12 column-grid and supports different breakpoints (`xs`,
44
49
`sm`, `md`, `lg`, `xl`) that can be specified for a CSS property, such as `gridColumn`.
45
50
The example uses 6 of the 12 columns to show two Tekton CI cards side-by-side on large (`lg`) screens (`span 6` columns) and show them among themselves (`xs` and above `span 12` columns).
0 commit comments