This is a migrated thread and some comments may be shown as answers.
In Editor - Image manager : How to hide preview and properties window ?
6 Answers 19 Views
This is a migrated thread and some comments may be shown as answers.
systems
Top achievements
Rank 1
systems asked on 08 Oct 2015, 11:34 AM

Hello,

In our web application, we have RadEditor with Image manager and in our case we do not want to show the preview and properties in the image manager window. 

We tried with the CSS but it does not work.  So, can you please suggest the proper way  to hide only the preview and properties in the image manager window of RadEditor.

PFA. 

Thanks,
Vivek.​

6 Answers, 1 is accepted

Sort by
0
systems
Top achievements
Rank 1
answered on 12 Oct 2015, 05:01 AM
Any workaround pls? your thoughts are appreciable on this topic.
0
Vessy
Telerik team
answered on 12 Oct 2015, 09:03 AM
Hello,

You can control the visibility of the different parts of RadEditor Dialogs by enabling the external dialogs of the control and applying the desired modifications in them. For example, you can make the following modification in the ImageManager dialog:
<tr>
    <td>
        <telerik:RadMultiPage ID="imageMultiPage" runat="server">
            <telerik:RadPageView ID="previewPage" runat="server" >
                <table cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                        <td>
                            <div id="selectedFileName" class="selectedFileName">
                                 </div>
                        </td>
                    </tr>
                    <tr>
                        <td valign="middle">
                            <div id="CleanImageContainer" style="position: absolute; width: 0; height: 0px;
                                overflow: hidden;">
                            </div>
                            <div id="ImagePreviewer" class="imagePreview noImage">
                                 </div>
                        </td>
                    </tr>
                </table>
            </telerik:RadPageView>
            <telerik:RadPageView ID="propertiesPage" runat="server" Selected="true">
                <dc:SetImagePropertiesDialog id="ImageProperties" runat="server" StandAlone="false">
                </dc:SetImagePropertiesDialog>
            </telerik:RadPageView>
        </telerik:RadMultiPage>
    </td>
</tr>
<tr>
    <td>
        <telerik:RadTabStrip ID="imageTabStrip" Width="100%" runat="server" Orientation="HorizontalBottom" ShowBaseLine="true"
            MultiPageID="imageMultiPage">
            <Tabs>
                <telerik:RadTab Text="Preview" Value="Preview" Visible="false" />
                <telerik:RadTab Text="Properties" Value="Properties" Selected="true" />
            </Tabs>
        </telerik:RadTabStrip>
    </td>
</tr>


Regards,
Vessy
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
systems
Top achievements
Rank 1
answered on 12 Oct 2015, 11:03 AM

Thank you Vessy for your reply,

Is there any hack/workaround to disable the properties window without enabling the external dialog? i.e. We wish to refer the embebed dialog only. 

Thanks,

Chetan

0
Vessy
Telerik team
answered on 13 Oct 2015, 03:22 PM
Hi Chetan,

In order to get reference to the ImageManager dialog content window you have to attach handler to the dialog's pageLoad event and execute the target logic in it. For example you can have similar implementation:
<telerik:RadEditor ID="RadEditor1" runat="server" OnClientCommandExecuted="onClientCommandExecuted">
    <ImageManager ViewPaths="~/Images" DeletePaths="~/Images" UploadPaths="~/Images" />
</telerik:RadEditor>
<script>
    function onClientCommandExecuted(sender, args) {
        if (args.get_commandName() == "ImageManager") {
            var dialog = sender.get_dialogOpener()._dialogContainers["ImageManager"]
            dialog.add_pageLoad(hidePreviewWindow);
        }
    }
    function hidePreviewWindow(dialog) {
        var oDoc = dialog.get_contentFrame().contentDocument;
        var window = dialog.get_contentFrame().contentWindow;
        var tab = window.$find("imageTabStrip").get_tabs().toArray()[0];
        var pageView = window.$find("imageMultiPage");
        pageView.set_selectedIndex(1)
 
        if (tab.get_text() == "Preview") {
            tab.hide();
        }
    }
</script>

Please note that this is only a sample prepared for demonstration purposes but not a fully tested solution, so you can feel free to change it in order to fit your scenario the best.

Regards,
Vessy
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
systems
Top achievements
Rank 1
answered on 15 Oct 2015, 10:19 AM

Thank you so much Vessy.

It works in our case.

0
Vessy
Telerik team
answered on 19 Oct 2015, 09:08 AM
Hi,

You are welcome, Chetan -  I am glad the suggested solution served its purposes.

Regards,
Vessy
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Asked by
systems
Top achievements
Rank 1
Answers by
systems
Top achievements
Rank 1
Vessy
Telerik team
Share this question
or