Pdf attachment in studios with toggle buttons

Hi @nraichura,

I understood your question - so that you want to open a pdf document when you click on a toggle - e.g. when you toggle it will open a pdf document? If this is not the correct interpretation then please, let me know.

To open a pdf document from experience we can use Hyperlink widget (to open an external link) or the File widget to load/open a file from a local project directory - e.g.  the upload folder of the project

First my idea for the implementation was to use the file or hyperlink widgets  and to emit/ simulate the click event

For Example, if we have:

I used the following code to simulate the click event on both widget - to check if this will work:

// this funciton is called from the click event of toggle widget
$scope.toggleLink = function() {
 //calling only toogle is set to 'on' 
 if ( $scope.view.wdg['toggle-1']['value']==true) {
 console.log("starte link");
 $scope.clickLink1();
 $scope.clickFile1();
 } }

/////// this is log funcitons used by the click events of
//Hyperlink widget
$scope.hyperlinkclick = function() {console.log("INFO -> Hyperlink click was called")}
// click event of the File widget
$scope.filelinkclick = function() {console.log("INFO -> File click was called")}

/////
$scope.clickLink1= function(){twx.app.fn.triggerStudioEvent(document.querySelector('[widget-id="hyperlink-1"]'), 'click');};
$scope.clickFile1= function(){twx.app.fn.triggerStudioEvent(document.querySelector('[widget-id="file-1"]'), 'click');};

So, when I clicked on the toggle button to set it to on I could see in the chrome debugging console that the both log function are fired for the hyperlink and for the file widget.... but still it will no open the pdf files specified by the URL. So, when I click the hyperlink or the file in the UI this work without any problems.

So, after some tests I found solution but only for local pdf's. Means when the pdf is uploaded to local project folder. Otherwise we have an permission issue

In this case we do not need additional widget (file or hyperlink widget) and could call the code only from the toggle widget - I used it the short test / but also in the toggle button:

// this funciton is called from the click event of toggle widget
$scope.toggleLink = function() {
 //calling only toogle is set to 'on' 
 if ( $scope.view.wdg['toggle-1']['value']==true) {
 console.log("starte link");
 window.location=$scope.view.wdg['file-1']['url'] 
// this above set the windows location to the url property of the file widget
// but it could be an string --> example
// window.location='Uplaoded/[BD-Logbuch]20190208-20190310.pdf' 
 } }