[OnyxCeph³™ Wiki]

DokuWiki - World Wide Web

User Tools

Site Tools

Trace:
en:function_webexport

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
en:function_webexport [2022/10/06 12:49] – tomen:function_webexport [2024/04/08 07:58] (current) – [Links] onyxadmin
Line 1: Line 1:
- +====== WebViewer Export Configuration ======
-====== WebViewer Export ======+
 ---- ----
  
-The Onyx 3D WebViewer allows to create a web based representation of the dataset for viewing in web browsers, including on mobile devices. The WebViewer can be integrated into [[en:webviewexamples|websites]] or web portals of service providers, but does not itself provide any functions that go beyond mere presentation. See also entry [[en:lab_communication | Web-based communication]].+The Onyx 3D WebViewer allows to create a web based representation of the dataset for viewing in web browsers, including on mobile devices. The WebViewer can be integrated into websites or web portals of service providers, but does not itself provide any functions that go beyond mere presentation. See also entry [[en:web_communication | Web-based communication]].
  
  
Line 22: Line 21:
 | Patient Data               | Select the data to display on the information popup                                                                                                                               |  all off   | | Patient Data               | Select the data to display on the information popup                                                                                                                               |  all off   |
 | Link                       | Result which can be given to the user or can be embedded into a patient-specific web page                                                                                         |            | | Link                       | Result which can be given to the user or can be embedded into a patient-specific web page                                                                                         |            |
-| Password                   | Only displayed then not included in the link                                                                                                                                      |            |+| Password                   | Only shown when not included in the link                                                                                                                                      |            |
  
 ---- ----
-===== Configuration =====+===== Configuration and Individualization =====
  
 The upload has to be configured in [[settings|System Options]] on tab [[tab_uploaddata_webview|Upload Data]] > 3D-Web-Viewer before it becomes available as menu item. The upload has to be configured in [[settings|System Options]] on tab [[tab_uploaddata_webview|Upload Data]] > 3D-Web-Viewer before it becomes available as menu item.
  
-^ Entry                ^ Description                                                           ^ Example                                            ^ +For individualizing the webviewer with a custom logo, the site linked as "Viewer Homepage" in the settings must embedd the webviewer as shown in the following example and must also contain the logo as a transparent image element.
-| Host                 | Your provider for the FTP-webspace                                    | 123.456.789.012                                    | +
-| Connection Security  | Upload protocol                                                       | FTPS                                               | +
-| User Name            | The user name für the FTP access                                      | onyxUser                                           | +
-| User Password        | The password for the FTP access                                       | ••••                                               | +
-| htaccess             | Add a file for access-control (CORS) to the server                    | yes                                                | +
-| Host Directory       | The data directory relative to the host                               | ''public_html/OnyxWebviewerUploads''               | +
-| Viewer Homepage      | Your individualized page with embedded Webviewer (see example below)  | ''www.image-instruments.de/webviewer/index.html''  | +
-| Data Address         | The address of the host directory as visible from outside             | ''???.com/OnyxWebviewerUploads/''                   |+
  
 ++++ Example code for a page with individualized viewer | ++++ Example code for a page with individualized viewer |
Line 97: Line 88:
 ===== Extended Interface ===== ===== Extended Interface =====
  
-The webviewer supports a wide range of additional options for individualizing appearance and functionality. For instance, the icons can be exchanged and the font size can be controlled for "responsive design", i.e. when the viewer is embedded in a more complex page. These options are accessible with the extended interface which are building on the simple example above.+The webviewer supports a wide range of additional options for individualizing appearance and functionality. For instance, the icons can be exchanged and the font size can be controlled for "responsive design", i.e. when the viewer is embedded in a more complex page. These options are accessible with the extended interface which is building on the individualized example above.
  
 ++++ Example code for the extended interface | ++++ Example code for the extended interface |
Line 134: Line 125:
        // part: "path" or "viewBox", see below. Note that it is not possible to change the style or add other svg elements.        // part: "path" or "viewBox", see below. Note that it is not possible to change the style or add other svg elements.
        // value: d attribute of the svg path element for "part":"path" or viewBox attribute of the svg element for "part":"viewBox"        // value: d attribute of the svg path element for "part":"path" or viewBox attribute of the svg element for "part":"viewBox"
 +       
 +       // Example for changing all the step icons to smaller icons (i.e. smaller numbers)
 +       for(var i=0; i<300; i++) // Tiny numbers (bottom aligned)
 +         window.frames.OnyxCephWebGL.postMessage('{"type":"REPLACE_ICON","id":"aniMarkerBtn' + i + '", "part":"viewBox", "value":"-20 -30 64 64"}', '*');
 +       for(var i=0; i<300; i+=5) // Scale medium for 0,5,10,...
 +         window.frames.OnyxCephWebGL.postMessage('{"type":"REPLACE_ICON","id":"aniMarkerBtn' + i + '", "part":"viewBox", "value":"-5 -5 34 34"}', '*');
 +         
 +       // Example for changing all the icons back to the pin-icons:
 +       for(var i=0; i<300; i++) {
 +         window.frames.OnyxCephWebGL.postMessage('{"type":"REPLACE_ICON","id":"aniMarkerBtn' + i + '", "part":"viewBox", "value":"0 0 24 24"}', '*');
 +         window.frames.OnyxCephWebGL.postMessage('{"type":"REPLACE_ICON","id":"aniMarkerBtn' + i + '", "part":"path", "value":"M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z"}', '*');
 +       }
        */        */
            
Line 162: Line 165:
 ---- ----
 ===== Links =====  ===== Links ===== 
 +|{{:wiki_32.png?20}}  | [[en:web_communication | Web-based communication]]  |
 |{{:wiki_32.png?20}}  | [[en:tab_uploaddata_webview|WebView Upload Settings ]]  | |{{:wiki_32.png?20}}  | [[en:tab_uploaddata_webview|WebView Upload Settings ]]  |
 |{{:wiki_32.png?20}}  | [[en:3d_viewn|WebViewer Controls ]]  | |{{:wiki_32.png?20}}  | [[en:3d_viewn|WebViewer Controls ]]  |
-|{{:wiki_32.png?20}}  | [[en:webviewexamples|WebViewer Examples ]]  |+|{{:wiki_32.png?20}}  | [[en::labportal_example|Examples for Lab Portal Communication ]]  |
 \\ \\
  
en/function_webexport.1665053351.txt.gz · Last modified: 2022/10/06 12:49 by tom