***********************
AutoLayoutRectTransform
***********************

If you tried to play with the **CommunityHub**, you may have observed that its panels could overlap your game's user interface. 

You can address this issue, with a few steps:

- Make your ui elements children of a single ``RectTransform``
- Add an ``AutoLayoutRectTransform`` component to this root node

This component will automatically register your root node to the **CommunityHub**.

.. code:: csharp

	CoreApplication.Instance.CommunityHub.AddTransformToAutoLayout(...);

.. image:: ../Images/autolayoutrecttransform_1.png
	:align: center
	:scale: 50 %

Note that the layout takes into account the **Safe Area**.