New to Kendo UI for jQuery? Start a free 30-day trial

Messages.previewPane

configuration

Defines the localization messages for the preview pane.

messages.previewPane

Object

<div id="fileManager"></div>
<script>
    var baseUrl = "https://demos.telerik.com/service/v2/core/filemanager/";

    $("#fileManager").kendoFileManager({
        messages: {
            previewPane: {
                noFileSelected: "No File Selected",
                extension: "Type",
                size: "Size",
                created: "Date Created"
            }
        },
        dataSource: {
            transport: {
                read: {
                    method: "POST",
                    url: baseUrl + "Read"
                }
            }
        }
    });
</script>

Defines the label text for the creation date field in the preview pane. This message appears as a label next to the file creation date information when a file or folder is selected in the FileManager. It provides localization support for different languages and allows customization of the user interface text.

<div id="fileManager"></div>
<script>
    var baseUrl = "https://demos.telerik.com/service/v2/core/filemanager/";

    $("#fileManager").kendoFileManager({
        messages: {
            previewPane: {
                created: "Date Created"
            }
        },
        dataSource: {
            transport: {
                read: {
                    method: "POST",
                    url: baseUrl + "Read"
                }
            }
        }
    });
</script>

messages.previewPane.extension

String

Defines the label text for the file extension field in the preview pane. This message appears as a label next to the file type or extension information when a file is selected in the FileManager. It provides localization support for different languages and allows customization of the user interface text.

<div id="fileManager"></div>
<script>
    var baseUrl = "https://demos.telerik.com/service/v2/core/filemanager/";

    $("#fileManager").kendoFileManager({
        messages: {
            previewPane: {
                extension: "Type"
            }
        },
        dataSource: {
            transport: {
                read: {
                    method: "POST",
                    url: baseUrl + "Read"
                }
            }
        }
    });
</script>

messages.previewPane.items

String

Defines the label text for the item count field in the preview pane when a folder is selected. This message appears as a suffix alongside numerical values to indicate the number of files and subfolders contained within a selected directory. It provides localization support for different languages and allows customization of the user interface text.

<div id="fileManager"></div>
<script>
    var baseUrl = "https://demos.telerik.com/service/v2/core/filemanager/";

    $("#fileManager").kendoFileManager({
        messages: {
            previewPane: {
                items: "items"
            }
        },
        dataSource: {
            transport: {
                read: {
                    method: "POST",
                    url: baseUrl + "Read"
                }
            }
        }
    });
</script>

messages.previewPane.modified

String

Defines the label text for the modification date field in the preview pane. This message appears as a label next to the last modification date information when a file or folder is selected in the FileManager. It provides localization support for different languages and allows customization of the user interface text.

<div id="fileManager"></div>
<script>
    var baseUrl = "https://demos.telerik.com/service/v2/core/filemanager/";

    $("#fileManager").kendoFileManager({
        messages: {
            previewPane: {
                modified: "Date Modified"
            }
        },
        dataSource: {
            transport: {
                read: {
                    method: "POST",
                    url: baseUrl + "Read"
                }
            }
        }
    });
</script>

messages.previewPane.noFileSelected

String

Defines the text displayed in the preview pane when no file is currently selected. This message appears in the details panel to inform users that they need to select a file or folder to view its properties and information. It provides localization support for different languages and allows customization of the user interface text.

<div id="fileManager"></div>
<script>
    var baseUrl = "https://demos.telerik.com/service/v2/core/filemanager/";

    $("#fileManager").kendoFileManager({
        messages: {
            previewPane: {
                noFileSelected: "No File Selected"
            }
        },
        dataSource: {
            transport: {
                read: {
                    method: "POST",
                    url: baseUrl + "Read"
                }
            }
        }
    });
</script>

messages.previewPane.size

String

Defines the label text for the file size field in the preview pane. This message appears as a label next to the file size information when a file is selected in the FileManager, displaying the file's storage size. It provides localization support for different languages and allows customization of the user interface text.

<div id="fileManager"></div>
<script>
    var baseUrl = "https://demos.telerik.com/service/v2/core/filemanager/";

    $("#fileManager").kendoFileManager({
        messages: {
            previewPane: {
                size: "Size"
            }
        },
        dataSource: {
            transport: {
                read: {
                    method: "POST",
                    url: baseUrl + "Read"
                }
            }
        }
    });
</script>