summaryrefslogtreecommitdiffstats
path: root/examples/declarative/webview/qml-in-html.qml
blob: 2715788859651c52b71fd5bcca71e47249b52fd5 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!-- The WebView supports QML data through the HTML OBJECT tag --> 
<Flickable width="{250*.75}" height="240"
    viewportWidth="{Web.width*Web.scale}" viewportHeight="{Web.height*Web.scale}">
<WebView id="Web" width="250" height="420" scale="0.75">
    <html><![CDATA[
        <html>
        <body bgcolor=white>
        These are QML plugins, shown in a QML WebView via HTML OBJECT tags, all scaled to 75%
        and placed in a Flickable area...
        <table border=1>
        <tr><th>Duration <th>Color <th>Plugin
        <tr><td>500      <td>red   <td><OBJECT data=content/SpinSquare.qml TYPE=application/x-qt-plugin width=100 height=100 period=500 color=red />
        <tr><td>2000     <td>blue  <td><OBJECT data=content/SpinSquare.qml TYPE=application/x-qt-plugin width=100 height=100 period=2000 color=blue />
        <tr><td>1000     <td>green <td><OBJECT data=content/SpinSquare.qml TYPE=application/x-qt-plugin width=100 height=100 period=1000 color=green />
        </table>
        </body>
        </html>
    ]]></html>
</WebView>
</Flickable>