# Meshcat - change scene properties

**URL:** <https://discourse.julialang.org/t/meshcat-change-scene-properties/57885>\
**Category:** Visualization\
**Created:** [March 24, 2021, 5:41pm UTC](https://discourse.julialang.org/t/meshcat-change-scene-properties/57885 "2021-03-24T17:41:10Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![saraflgarcia](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/saraflgarcia/32/14847_2.png) [@saraflgarcia](https://discourse.julialang.org/u/saraflgarcia)\
**Post date:** [March 24, 2021, 5:41pm UTC](https://discourse.julialang.org/t/meshcat-change-scene-properties/57885/1 "2021-03-24T17:41:10Z")

</div>

Hi everyone,

I’m using Meshcat with Blink and WebIO.  
How can I change its default properties concerning:

- Background color,
- Grid on/off,
- Visualizer size & position in Blink window

Thanks in advance

---

<div class="post-metadata">

**Author:** ![rdeits](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/rdeits/32/286_2.png) [@rdeits](https://discourse.julialang.org/u/rdeits)\
**Post date:** [March 24, 2021, 6:38pm UTC](https://discourse.julialang.org/t/meshcat-change-scene-properties/57885/2 "2021-03-24T18:38:25Z")

</div>

Yeah, I’m definitely lacking some documentation for this sort of thing. Here’s an example of changing the background color (using `colorant` from Colors.jl):

> <https://github.com/rdeits/MeshCat.jl/blob/8b96fab24721e033c079de28876740662f481c51/test/scenes.jl#L58>

> [@saraflgarcia](#):
>
> Grid on/off,

You can turn off the grid by doing:

```julia
setprop!(vis["/Grid"], "visible", false)

```

In both cases, the path to the object in question (the grid or background) is the same as its name in the `Scene` tab in the upper-left corner.

> [@saraflgarcia](#):
>
> Visualizer size & position in Blink window

Unfortunately this isn’t really something MeshCat can do on its own, but it should be possible to create a set of WebIO nodes, one of which holds your visualizer. There’s an example of that here: [https://github.com/JuliaRobotics/RigidBodySim.jl/blob/0f3153d4ae7964f0261c0097351695c200df82c5/src/visualization.jl#L193-L198](https://github.com/JuliaRobotics/RigidBodySim.jl/blob/0f3153d4ae7964f0261c0097351695c200df82c5/src/visualization.jl#L193-L198)

The basic idea is that you can do `WebIO.iframe(vis.core)` to create a WebIO node holding your visualizer, and you can nest that in other WebIO nodes however you like.

---

<div class="post-metadata">

**Author:** ![saraflgarcia](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/saraflgarcia/32/14847_2.png) [@saraflgarcia](https://discourse.julialang.org/u/saraflgarcia)\
**Post date:** [March 25, 2021, 4:21pm UTC](https://discourse.julialang.org/t/meshcat-change-scene-properties/57885/3 "2021-03-25T16:21:23Z")

</div>

Thanks for your help!  
I managed to solve all problems except the visualizer size ☹