|
1 | 1 | ---
|
2 | 2 | title: Test article for ServiceNow images loading issue
|
3 | 3 | flag: hidden
|
4 |
| -updated: 2025-01-14 |
| 4 | +updated: 2025-01-23 |
5 | 5 | ---
|
6 | 6 |
|
7 | 7 | This article's purpose is to show the main images loading issue currently experienced on the OVHcloud Help Centre.
|
8 | 8 |
|
9 | 9 | ## Image 1
|
10 | 10 |
|
11 |
| -{.thumbnail} |
| 11 | +{.thumbnail} |
12 | 12 |
|
13 | 13 | ## Image 2
|
14 | 14 |
|
15 |
| -{.thumbnail} |
| 15 | +{.thumbnail} |
16 | 16 |
|
17 | 17 | ## Image 3
|
18 | 18 |
|
19 |
| -{.thumbnail} |
| 19 | +{.thumbnail} |
20 | 20 |
|
21 | 21 | ## Image 4
|
22 | 22 |
|
23 |
| -{.thumbnail} |
| 23 | +{.thumbnail} |
| 24 | + |
| 25 | +## Image 5 |
| 26 | + |
| 27 | +{.thumbnail} |
24 | 28 |
|
25 | 29 | ## Image 6
|
26 | 30 |
|
27 |
| -{.thumbnail} |
| 31 | +{.thumbnail} |
28 | 32 |
|
29 | 33 | ## Image 7
|
30 | 34 |
|
31 |
| -{.thumbnail} |
| 35 | +{.thumbnail} |
32 | 36 |
|
33 | 37 | ## Image 8
|
34 | 38 |
|
35 |
| -{.thumbnail} |
36 |
| - |
37 |
| -## Image 9 |
38 |
| - |
39 |
| -{.thumbnail} |
40 |
| - |
41 |
| -## Data Platform tests |
42 |
| - |
43 |
| -### Numbered list |
44 |
| - |
45 |
| -1. Do this |
46 |
| -1. Do that |
47 |
| -1. Do also this |
48 |
| - |
49 |
| -1. Design a storyboard |
50 |
| - * check data is available |
51 |
| - * identify `dynamic parameters` |
52 |
| - * identify needed *charts* and *custom components* |
53 |
| -2. Analytics Manager: prepare and check needed queries |
54 |
| -3. Implement a first version in the UI |
55 |
| - * set up `dynamic parameters` |
56 |
| - * set up `dashboards` and `menus` |
57 |
| - * set up available `charts` as needed |
58 |
| - * set up `dictionaries`, `formatters` and `translations` |
59 |
| -4. Improve that version |
60 |
| - * Adapt CSS as needed |
61 |
| - * Leverage [Style templates](/en/technical/sdk/app/charts/template) |
62 |
| - * Implement your own [custom chart](/en/technical/sdk/app/custom-chart) or [custom component](/en/technical/sdk/app/custom-component) as needed |
63 |
| - * Add [Web Analytics](/en/getting-further/app-dev/monitor) as needed |
64 |
| -5. Test and iterate again |
65 |
| -6. Give access to more users |
66 |
| - |
67 |
| -#### Hover text on image |
68 |
| - |
69 |
| - |
70 |
| - |
71 |
| -{.thumbnail} |
72 |
| - |
73 |
| -#### Tables |
74 |
| - |
75 |
| -| Original table | Attributes to drag-and-drop | |
76 |
| -| :------------------------------: | -------------------------- | |
77 |
| -| **stations_rides** | *lat* / *lng* / *rides* / *station_name* | |
78 |
| -| **chicago_calendar_full** | *month* / *temperature* / *week_day* / *week_day_label* / *weekend* / | |
79 |
| - |
80 |
| -| Action Types | Source Types | |
81 |
| -| --- | --- | |
82 |
| -| <ul><li>Load</li><li>Custom</li></ul> | <ul>**File Formats**: CSV</ul><ul>**Databases**: MySQL, PostgreSQL, SQLServer, Impala, Hive, BiqQuery, ElasticSearch, Cassandra, Redshift, Oracle, SQLServer</ul> | |
83 |
| - |
84 |
| - |
85 |
| -### Icons |
86 |
| - |
87 |
| -⛳️ 👉 🎊 🎉 💡 📨 📥 ⭐ |
88 |
| - |
89 |
| -<p><span style="color:red; font-size:20px;"><b> Congrats! 🎉🎊</b></span></p> |
90 |
| - |
91 |
| -### Snippets |
92 |
| - |
93 |
| -```bash |
94 |
| -├── config |
95 |
| -├── node_modules |
96 |
| -├── forepaas |
97 |
| -├── public |
98 |
| -├── scripts |
99 |
| -└── src |
100 |
| -``` |
101 |
| - |
102 |
| ---- |
103 |
| - |
104 |
| -```jsx |
105 |
| -<div> |
106 |
| - <div className="dyn-title checkbox-header"> |
107 |
| - {props.title} |
108 |
| - <i |
109 |
| - onClick={() => setExpanded(!expanded)} |
110 |
| - className={`fa fa-chevron-${expanded ? "down" : "right"} expand-icon`} |
111 |
| - /> |
112 |
| - </div> |
113 |
| - {expanded && ( |
114 |
| - <CheckboxGroup name="options"> |
115 |
| - {Checkbox => ( |
116 |
| - <React.Fragment> |
117 |
| - {props.items.map(option => ( |
118 |
| - <div key={option.value}> |
119 |
| - <label className="dyn-checkbox-container" htmlFor={option.value}> |
120 |
| - <Checkbox |
121 |
| - className="dyn-checkbox" |
122 |
| - id={option.value} |
123 |
| - value={option.value} |
124 |
| - /> |
125 |
| - <span className="dyn-checkbox-label">{option.label}</span> |
126 |
| - </label> |
127 |
| - </div> |
128 |
| - ))} |
129 |
| - </React.Fragment> |
130 |
| - )} |
131 |
| - </CheckboxGroup> |
132 |
| - )} |
133 |
| -</div> |
134 |
| -``` |
135 |
| - |
136 |
| -```cel |
137 |
| -Resource != "bucket" |
138 |
| -|| |
139 |
| -( |
140 |
| - Resource == "bucket" |
141 |
| - && |
142 |
| - Name == "my_bucket" |
143 |
| -) |
144 |
| -``` |
| 39 | +{.thumbnail} |
0 commit comments