Revision Difference
embedding-websites#561763
<cat>UI.Intro</cat>
<title>Embedding Websites</title>
You can embed websites within your game - the easiest way to do this is through `WebPanel`s to embed websites in your game. These allow you to display websites, play YouTube videos, music, etc. inside your game's UI.
## Setup
WebPanels are really easy to use. Create a `WebPanel` element, and then set the `Surface.Url` property to navigate to a page.
You can use `AcceptsFocus` (defaults to true) to determine whether the panel receives keyboard input.
## Example
Using these is relatively straightforward - here's what one looks like in razor:
```
@using Sandbox.UI;
@inherits PanelComponent
⤶
<style>⤶
WebPanel {⤶
position: absolute;⤶
top: 50px;⤶
left: 50px;⤶
width: 1280px;⤶
height: 720px;⤶
pointer-events: all;⤶
}⤶
</style>⤶
<root>
⤶
<WebPanel Url="https://asset.party/"></WebPanel>
⤶
<style>⤶
WebPanel{⤶
position: absolute;⤶
top: 50px;⤶
left: 50px;⤶
width: 1280px;⤶
height: 720px;⤶
pointer-events: all;⤶
}⤶
</style>⤶
⤶
</root>⤶
<WebPanel Url="https://asset.party/" />
</root>⤶
```
<upload src="b4aa4/8dc3b0c1974fa6a.png" size="132653" name="sbox-dev_qHLubhits0.png" />