# Web viewer with 100% height and width

**URL:** <https://community.thunkable.com/t/web-viewer-with-100-height-and-width/1732146>\
**Category:** Questions about Thunkable X\
**Tags:** webviewer\
**Created:** [February 13, 2022, 5:33pm UTC](https://community.thunkable.com/t/web-viewer-with-100-height-and-width/1732146 "2022-02-13T17:33:11Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![ayunsolutions](https://avatars.discourse-cdn.com/v4/letter/a/dec6dc/32.png) [@ayunsolutions](https://community.thunkable.com/u/ayunsolutions)\
**Post date:** [February 13, 2022, 5:33pm UTC](https://community.thunkable.com/t/web-viewer-with-100-height-and-width/1732146/1 "2022-02-13T17:33:11Z")

</div>

Hi, I am not sure if this is been asked before because I didn’t find anything related and sure that someone must asked about it,

How can I set the web viewer to be 100% of the screen dimensions, I checked the documentation about the “fill” attributes but I am allowed enter numberic values only,

I am using free version

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [February 13, 2022, 7:27pm UTC](https://community.thunkable.com/t/web-viewer-with-100-height-and-width/1732146/2 "2022-02-13T19:27:26Z")

</div>

Are you using the older Snap to Place (StP) interface or the newer Drag and Drop (DnD) interface? If you’re not sure, post a screenshot of your Design tab.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [February 13, 2022, 8:12pm UTC](https://community.thunkable.com/t/web-viewer-with-100-height-and-width/1732146/3 "2022-02-13T20:12:44Z")

</div>

Welcome to Thunkable.

It seems you are using the DnD UI which does not have a `fill container` option.

---

<div class="post-metadata">

**Author:** ![ayunsolutions](https://avatars.discourse-cdn.com/v4/letter/a/dec6dc/32.png) [@ayunsolutions](https://community.thunkable.com/u/ayunsolutions)\
**Post date:** [February 14, 2022, 3:19am UTC](https://community.thunkable.com/t/web-viewer-with-100-height-and-width/1732146/4 "2022-02-14T03:19:21Z")

</div>

Hi,

@tatiang yes I am not sure which one I using , please check my screenshot

 ![Screenshot_2022-02-14-07-14-41-84_40deb401b9ffe8e1df2f1cc5ba480b12](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/b/cb91210a9fcde964eaedc2d9f1681c3d9a427594.jpeg)

@muneer I using thubkable for 1 month only I don’t know how to switch between UIs

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [February 14, 2022, 3:31am UTC](https://community.thunkable.com/t/web-viewer-with-100-height-and-width/1732146/5 "2022-02-14T03:31:53Z")

</div>

That is the Drag & Drop interface. The Group component only exists in DnD, not in StP.

You can convert from StP to DnD but not the other way around. So your only options I’m aware of are to use DnD and manually stretch the Web Viewer the full width & height of the screen or to start over with StP and use the fill container properties for the Web Viewer.

---

<div class="post-metadata">

**Author:** ![ayunsolutions](https://avatars.discourse-cdn.com/v4/letter/a/dec6dc/32.png) [@ayunsolutions](https://community.thunkable.com/u/ayunsolutions)\
**Post date:** [February 14, 2022, 12:04pm UTC](https://community.thunkable.com/t/web-viewer-with-100-height-and-width/1732146/6 "2022-02-14T12:04:56Z")

</div>

Very clear,  
Can I start with other account with StP ? I don’t remember I have any option while registration to choose between StP and DnD.

How to start with StP ?

By stretching the WebViewer I had some hidden edges, from the bottom side

What would recommend ? StP or DnD ? In terms of features and control over the app ?

Regards

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [February 14, 2022, 12:10pm UTC](https://community.thunkable.com/t/web-viewer-with-100-height-and-width/1732146/7 "2022-02-14T12:10:57Z")

</div>

> [@ayunsolutions](#):
>
> How to start with StP ?

When you start a new project, remove the tick from here

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/5/05906a17b3a6cf375b7fe2d792ed5f2da4835572.png)

This will allow you to start in StP.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [May 15, 2022, 12:11pm UTC](https://community.thunkable.com/t/web-viewer-with-100-height-and-width/1732146/8 "2022-05-15T12:11:46Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
