ej2-vue-samples/src/dialog/sample.json at master · Rachael0108/ej2-vue-samples · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
{
    "name": "Dialog",
    "directory": "dialog",
    "category": "Layout",
    "ftName": "modal-dialog",
    "samples": [{
            "url": "default",
            "name": "Default Functionalities",
            "category": "Dialog",
            "description":"The example demonstrates the default rendering of the Vue dialog, which supports modal and non-modal (modeless), built-in buttons, and more.",
            "hideOnDevice": true
        },
        {
            "url": "custom-dialog",
            "name": "Custom Dialogs",
            "category": "Dialog",
            "description":"This example demonstrates how to create custom dialogs such as alert dialogs, confirmation dialogs, and prompt dialogs using the Vue dialog component.",
            "hideOnDevice": true
        },
        {
            "url": "modal-dialog",
            "name": "Modal",
            "category": "Dialog",
            "description":"This example demonstrates the modal pop-up behavior of the Vue dialog component, which helps display critical information such as errors and warnings.",
            "hideOnDevice": true
        },
        {
            "url": "template",
            "name": "Template",
            "category": "Dialog",
            "description":"This example demonstrates how to customize user interface elements like the header, footer, and content of the Vue dialog component using a template.",
            "hideOnDevice": true
        },
        {
            "url": "dialog-contents-via-ajax",
            "name": "Ajax Content",
            "category": "Dialog",
            "description":"The example demonstrates how to load the content of the Vue dialog component from external sources such as a file or website using Ajax library.",
            "hideOnDevice": true
        },
        {
            "url": "draggable",
            "name": "Draggable",
            "category": "Dialog",
            "description":"This example shows how to enable drag-and-drop actions in the Vue dialog component to help reposition the dialog efficiently.",
            "hideOnDevice": true
        },
        {
            "url": "resizable",
            "name": "Resizable",
            "category": "Dialog",
            "description":"This example shows how to create resizable modal in the Vue dialog to change the size of a dialog efficiently and view its content more comfortably.",
            "hideOnDevice": true
        },
        {
            "url": "position",
            "name": "Positioning",
            "category": "Dialog",
            "description":"This example demonstrates how to display the Vue dialog component at various built-in and custom positions.",
            "hideOnDevice": true
        },
        {
            "url": "animation",
            "name": "Animation",
            "category": "Dialog",
            "description":"This example demonstrates how to open or close the Vue dialog with various animation effects, and how to customize the animation duration and delay.",
            "hideOnDevice": true
        },
        {
            "url": "multiple-dialogs",
            "name": "Multiple Dialogs",
            "category": "Dialog",
            "description":"This example shows how to display multiple dialogs sequentially and open multiple dialogs simultaneously for both modal and modeless Vue dialogs.",
            "hideOnDevice": true
        },
        {
            "url": "components-dialog",
            "name": "Components inside Dialog",
            "category": "Dialog",
            "description":"This example demonstrates how to render other Vue Syncfusion components inside the dialog component.",
            "hideOnDevice": true
        }
    ]
}