Skip to content

Commit 95c934e

Browse files
boxmojiboxmoji
committed
Moji: Update translations
1 parent 15db4c0 commit 95c934e

17 files changed

+511
-28
lines changed

‎guides/embed/ui-elements/access.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
rank: 12
2+
rank: 13
33
related_endpoints: []
44
related_guides:
55
- embed/ui-elements
@@ -13,11 +13,11 @@ subcategory_id: embed/ui-elements
1313
is_index: false
1414
id: embed/ui-elements/access
1515
type: guide
16-
total_steps: 15
16+
total_steps: 16
1717
sibling_id: embed/ui-elements
1818
parent_id: embed/ui-elements
19-
next_page_id: embed/ui-elements/viewers-and-events
20-
previous_page_id: embed/ui-elements/theming-styling
19+
next_page_id: embed/ui-elements/scopes
20+
previous_page_id: embed/ui-elements/ui-elements-design-tokens
2121
source_url: >-
2222
https://github.com/box/developer.box.com/blob/main/content/guides/embed/ui-elements/access.md
2323
fullyTranslated: true

‎guides/embed/ui-elements/annotations.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ subcategory_id: embed/ui-elements
1414
is_index: false
1515
id: embed/ui-elements/annotations
1616
type: guide
17-
total_steps: 15
17+
total_steps: 16
1818
sibling_id: embed/ui-elements
1919
parent_id: embed/ui-elements
2020
next_page_id: embed/ui-elements/logo

‎guides/embed/ui-elements/browser.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ subcategory_id: embed/ui-elements
1212
is_index: false
1313
id: embed/ui-elements/browser
1414
type: guide
15-
total_steps: 15
15+
total_steps: 16
1616
sibling_id: embed/ui-elements
1717
parent_id: embed/ui-elements
1818
next_page_id: embed/ui-elements/explorer

‎guides/embed/ui-elements/custom-domains.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
rank: 14
2+
rank: 16
33
related_endpoints: []
44
related_guides:
55
- embed/ui-elements
@@ -13,7 +13,7 @@ subcategory_id: embed/ui-elements
1313
is_index: false
1414
id: embed/ui-elements/custom-domains
1515
type: guide
16-
total_steps: 15
16+
total_steps: 16
1717
sibling_id: embed/ui-elements
1818
parent_id: embed/ui-elements
1919
next_page_id: ''

‎guides/embed/ui-elements/explorer.md‎

Lines changed: 43 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ subcategory_id: embed/ui-elements
1414
is_index: false
1515
id: embed/ui-elements/explorer
1616
type: guide
17-
total_steps: 15
17+
total_steps: 16
1818
sibling_id: embed/ui-elements
1919
parent_id: embed/ui-elements
2020
next_page_id: embed/ui-elements/open-with
@@ -406,6 +406,48 @@ export default App;
406406

407407
</Message>
408408

409+
## Custom actions
410+
411+
You can expand the actions in the **More Options** menu for files and folders in Content Explorer and Content Picker. Your custom options show when user clicks the ellipsis button.
412+
413+
To customize the **More Options** menu, pass an array of custom actions to `itemActions`.
414+
415+
```js
416+
contentExplorer.show(configData.FOLDER_ID, configData.ACCESS_TOKEN, {
417+
container: ".container",
418+
itemActions: customActions,
419+
});
420+
421+
```
422+
423+
The array can include multiple actions. The action object should include the `label` and `onAction` callback functions. You can filter the custom actions to appear only on a specific item `type`, by passing the `file` or `folder` value. The `filter` value is used for advanced filtering, for example by a specific file extension:
424+
425+
```js
426+
const customActions = [
427+
{
428+
label: "Preview in New Window",
429+
onAction: (item) => alert('action ' + item),
430+
type: 'file',
431+
},
432+
{
433+
label: "Open in Box.com",
434+
onAction: (item) => window.open("https://app.box.com"),
435+
},
436+
{
437+
label: "Export",
438+
onAction: (item) => console.log('action ' + item),
439+
filter: (item) => item.extension?.toLowerCase() === 'pdf',
440+
}
441+
];
442+
443+
```
444+
445+
See the implemented examples in CodePen:
446+
447+
<iframe height="560" scrolling="no" title="Box custom icons" src="https://codepen.io/box-platform/embed/EaaMMKQ?default-tab=html%2Cresult" frameborder="no" allowtransparency allowfullscreen style="width: 100%;">
448+
449+
</iframe>
450+
409451
[downscope]: guide://authentication/tokens/downscope
410452
411453
[scopes]: guide://api-calls/permissions-and-errors/scopes

‎guides/embed/ui-elements/index.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ subcategory_id: embed/ui-elements
1111
is_index: true
1212
id: embed/ui-elements
1313
type: guide
14-
total_steps: 15
14+
total_steps: 16
1515
sibling_id: embed
1616
parent_id: embed
1717
next_page_id: embed/ui-elements/browser

‎guides/embed/ui-elements/installation.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ subcategory_id: embed/ui-elements
1212
is_index: false
1313
id: embed/ui-elements/installation
1414
type: guide
15-
total_steps: 15
15+
total_steps: 16
1616
sibling_id: embed/ui-elements
1717
parent_id: embed/ui-elements
1818
next_page_id: embed/ui-elements/browser

‎guides/embed/ui-elements/logo.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ subcategory_id: embed/ui-elements
1313
is_index: false
1414
id: embed/ui-elements/logo
1515
type: guide
16-
total_steps: 15
16+
total_steps: 16
1717
sibling_id: embed/ui-elements
1818
parent_id: embed/ui-elements
1919
next_page_id: embed/ui-elements/theming-styling

‎guides/embed/ui-elements/open-with.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ subcategory_id: embed/ui-elements
1313
is_index: false
1414
id: embed/ui-elements/open-with
1515
type: guide
16-
total_steps: 15
16+
total_steps: 16
1717
sibling_id: embed/ui-elements
1818
parent_id: embed/ui-elements
1919
next_page_id: embed/ui-elements/picker

‎guides/embed/ui-elements/picker.md‎

Lines changed: 43 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ subcategory_id: embed/ui-elements
1414
is_index: false
1515
id: embed/ui-elements/picker
1616
type: guide
17-
total_steps: 15
17+
total_steps: 16
1818
sibling_id: embed/ui-elements
1919
parent_id: embed/ui-elements
2020
next_page_id: embed/ui-elements/preview
@@ -268,6 +268,48 @@ filePicker.removeAllListeners();
268268
| ユーザーがフォルダ構造内を移動して、ファイル/フォルダを選択し、ファイル/フォルダもアップロードする | `base_picker` + `item_upload` |
269269
| ユーザーがフォルダ構造内を移動して、ファイル/フォルダを選択し、ファイル/フォルダをアップロードして、ファイル/フォルダのアクセスレベルも設定する | `base_picker` + `item_share` + `item_upload` |
270270

271+
## Custom actions
272+
273+
You can expand the actions in the **More Options** menu for files and folders in Content Explorer and Content Picker. Your custom options show when user clicks the ellipsis button.
274+
275+
To customize the **More Options** menu, pass an array of custom actions to `itemActions`.
276+
277+
```js
278+
contentExplorer.show(configData.FOLDER_ID, configData.ACCESS_TOKEN, {
279+
container: ".container",
280+
itemActions: customActions,
281+
});
282+
283+
```
284+
285+
The array can include multiple actions. The action object should include the `label`, and the `onAction` callback function. You can filter the custom actions to appear only on a specific item `type`, by passing the `file` or `folder` value. The `filter` value is used for advanced filtering, for example by a specific file extension:
286+
287+
```js
288+
const customActions = [
289+
{
290+
label: "Preview in New Window",
291+
onAction: (item) => alert('action ' + item),
292+
type: 'file',
293+
},
294+
{
295+
label: "Open in Box.com",
296+
onAction: (item) => window.open("https://app.box.com"),
297+
},
298+
{
299+
label: "Export",
300+
onAction: (item) => console.log('action ' + item),
301+
filter: (item) => item.extension?.toLowerCase() === 'pdf',
302+
},
303+
];
304+
305+
```
306+
307+
See the implemented examples in CodePen:
308+
309+
<iframe height="560" scrolling="no" title="Box custom icons" src="https://codepen.io/box-platform/embed/EaaMMKQ?default-tab=html%2Cresult" frameborder="no" allowtransparency allowfullscreen style="width: 100%;">
310+
311+
</iframe>
312+
271313
[downscope]: guide://authentication/tokens/downscope
272314
273315
[scopes]: guide://api-calls/permissions-and-errors/scopes

0 commit comments

Comments
 (0)