photon icon indicating copy to clipboard operation
photon copied to clipboard

Can I Use Webviews with photon

Open ssjoon opened this issue 5 years ago • 2 comments

Hi.. webview does not show it's content

<style>
   webview {
     border: 2px solid red;
     width: 100%;
     height: 100%;
   }
</style>
<body>
<div class="window">
  <div class="window-content">
    <div class="pane-group">
      <div class="pane pane-sm sidebar">
        <nav class="nav-group">
          <h5 class="nav-group-title">3D Exam</h5>
          <span class="nav-group-item">
                <span class="icon icon-home"></span>
                connors
              </span>
          <span class="nav-group-item active">
                <span class="icon icon-light-up"></span>
                Photon
              </span>
          <span class="nav-group-item">
                <span class="icon icon-download"></span>
                Downloads
              </span>
          <span class="nav-group-item">
                <span class="icon icon-folder"></span>
                Documents
              </span>
          <span class="nav-group-item">
                <span class="icon icon-window"></span>
                Applications
              </span>
          <span class="nav-group-item">
                <span class="icon icon-signal"></span>
                AirDrop
              </span>
          <span class="nav-group-item">
                <span class="icon icon-monitor"></span>
                Desktop
              </span>
        </nav>
      </div>
      <webview class="pane" src="https://www.github.com/" autosize="on"></webview>
    </div>
  </div>
</div></code>

thank you

ssjoon avatar Oct 30 '18 08:10 ssjoon

I tried to do it but not succeed. I think with webview you will use the css of webview

alassaneDiop avatar Nov 16 '18 00:11 alassaneDiop

You can add a webview inside a pane.

<div class="window-content">
    <div class="pane">
        <webview id="webview" src="https://google.com/" autosize="on"></webview>         
     </div>
</div>

It works for me.

cetorres avatar Aug 05 '19 21:08 cetorres