Customize Open Dropdown

[August Eggers]

Hi there,

With the Open dropdown, there's a "From Service" and "From Device", how do you customize these? (similar to this: https://www.syncfusion.com/forums/170437/add-custom-item-to-report-designer)

I tried something similar to this:

      var a = ej.buildTag('ul#designer_openConfigMenu e-designer-menu e-menu e-js e-widget e-box e-context e-seperator', '', {}, {});

      var b = ej.buildTag('li.e-list', '', {}, {});

      var c = ej.buildTag('a.e-menulink', 'From X...', {}, {})

but wasn't able to get it working

[Arumugasami Murugesan]

Hi August,      

Thanks for the update, 

Please find the below steps to add the Add Custom Item to Report Designer  

Step1: You need to add the customize icon by referring the code snippet  

 

$('#' + controlId).boldReportDesigner({ 

           serviceUrl: serviceUrl, 

           reportServerUrl: serverUrl, 

           ajaxBeforeLoad: ajaxBeforeSend, 

           create: $.proxy(controlInitialized, this), 

           reportModified: $.proxy(reportModified, this), 

           reportSaved: $.proxy(reportSaved, this), 

           serviceAuthorizationToken: token, 

           toolbarSettings: 

           { 

               items: ej.ReportDesigner.ToolbarItems.All & ~ej.ReportDesigner.ToolbarItems.Save 

                   & ~ej.ReportDesigner.ToolbarItems.Open & ~ej.ReportDesigner.ToolbarItems.New 

           }, 

           toolbarRendering: toolbarRendering, 

           toolbarClick: toolbarClick, 

           permissionSettings: { 

               dataSet: ~ej.ReportDesigner.Permission.All, 

               dataSource: ~ej.ReportDesigner.Permission.All, 

           } 

       });  

  

Step2: To customize the save button for save report directly using toolbar rendering and toolbar-click event.   

 

function toolbarRendering(args) { 

        if ($(args.target).hasClass('e-rptdesigner-toolbarcontainer')) { 

            var openButton = ej.buildTag('li.e-rptdesigner-toolbarli e-designer-toolbar-align e-tooltxt', '', {}, {}); 

            var openIcon = ej.buildTag('span.e-rptdesigner-toolbar-icon e-toolbarfonticonbasic e-rptdesigner-toolbar-open e-li-item', '', {}, { title: 'Open' }); 

            args.target.find('ul:first').append(openButton.append(openIcon)); 

        } 

    } 

 

 

    function toolbarClick(args) { 

        // Write your block of code 

        var designer = $('#' + controlId).data('boldReportDesigner'); 

        designer.openReport(); 

    } 

 

  

           

We have prepared sample application in basic application MVC using report designer and Please find the sample from below link  

  

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/BasicAppMvc-1047629861.zip 

  

Regards,           

Arumugasami M     

 

[August Eggers]

Hi Arumugasami,

Thanks for your reply.

I already have those couple lines of code. I wasn't looking to add a new item, I was looking to customize an existing one. So when you click on the Open button, I'd like to have an option ("From Server" or "From Data Base", etc). Can you provide an example on how to do that? 

Basically, how can you modify the dropdowns of the open button?

Thanks!

[Arumugasami Murugesan]

Hi August, 

 

Thanks for the update, 

 

We have checked the reported issue. Could you please confirm whether you need to change the label of the text, or you need to add the new item in that open dropdown. It will be helpful for our further validation.    

  

Regards, 

Arumugasami M 

[August Eggers]

Hi Arumugasami,

I'm looking to both remove the existing "From Device..." and "From Server..." and add ones for "Open From X" and "Open From Y"

Thank you

[Arumugasami Murugesan]

Hi August, 

 

Thanks for the update,  

 

We will check and share you the details by on or before December 10, 2021 . 

 

Regards, 

Arumugasami M 

[Arumugasami Murugesan]

Hi August, 

 

Sorry for the delay, 

We need additional time to prepare the sample and share it with you on or before December 14, 2021.  

 

Regards, 

Arumugasami M 

[Arumugasami Murugesan]

Hi August,  

  

Sorry for the delay,  

We cannot able to remove the customize option in an existing one. If you want to add the new items means, you need to add the custom button in toolbar. In that you can change the option based on your requirement.  

  

Regards,  

Arumugasami M