[FM21] Client Object Browser Main Screen Layout

[cambo900]

Hoping somebody may be able to assist with my problem. I have change the sidebar size so that it does not take up the whole of the left side of the screen and I was hoping to be able to offset the content area of the screen so that they do not overlap. I have managed to find a way of moving the main content area so that the two to not overlap however when I do so, content moves off of the right part of the screen.

Before

Code:

                                    <!-- main area - contains sections/actions panel and content areas -->
                                    <container id="main">
                                        <layout class="stick_to_sides_attachment" alignment="vertical" inset="0" apply_to_children="true" />
                                        <layout class="stick_to_sides_attachment" alignment="left" inset="0" apply_to_children="true" />
                                        <!-- screen content area -->
                                        <container id="scca" auto_size="horizontal">
                                            <layout class="stick_to_sides_attachment" alignment="all" inset="0" apply_to_children="true">
                                                <global id="inset" name="ui.main_content_margin"/>
                                            </layout>
                                        </container>

Picture:

After

Code:

                                    <!-- main area - contains sections/actions panel and content areas -->
                                    <container id="main">
                                        <layout class="stick_to_sides_attachment" alignment="vertical" inset="0" apply_to_children="true" />
                                        <layout class="stick_to_sides_attachment" alignment="left" inset="34" apply_to_children="true" />
                                        <!-- screen content area -->
                                        <container id="scca" auto_size="horizontal">
                                            <layout class="stick_to_sides_attachment" alignment="all" inset="0" apply_to_children="true">
                                                <global id="inset" name="ui.main_content_margin"/>
                                            </layout>
                                        </container>

Picture:

I have tried everything I can think of and cant seem to find a solution!

[a31632]

33 minutes ago, cambo900 said:

Hoping somebody may be able to assist with my problem. I have change the sidebar size so that it does not take up the whole of the left side of the screen and I was hoping to be able to offset the content area of the screen so that they do not overlap. I have managed to find a way of moving the main content area so that the two to not overlap however when I do so, content moves off of the right part of the screen.

Before

Code:

                                    <!-- main area - contains sections/actions panel and content areas -->
                                    <container id="main">
                                        <layout class="stick_to_sides_attachment" alignment="vertical" inset="0" apply_to_children="true" />
                                        <layout class="stick_to_sides_attachment" alignment="left" inset="0" apply_to_children="true" />
                                        <!-- screen content area -->
                                        <container id="scca" auto_size="horizontal">
                                            <layout class="stick_to_sides_attachment" alignment="all" inset="0" apply_to_children="true">
                                                <global id="inset" name="ui.main_content_margin"/>
                                            </layout>
                                        </container>

Picture:

After

Code:

                                    <!-- main area - contains sections/actions panel and content areas -->
                                    <container id="main">
                                        <layout class="stick_to_sides_attachment" alignment="vertical" inset="0" apply_to_children="true" />
                                        <layout class="stick_to_sides_attachment" alignment="left" inset="34" apply_to_children="true" />
                                        <!-- screen content area -->
                                        <container id="scca" auto_size="horizontal">
                                            <layout class="stick_to_sides_attachment" alignment="all" inset="0" apply_to_children="true">
                                                <global id="inset" name="ui.main_content_margin"/>
                                            </layout>
                                        </container>

Picture:

I have tried everything I can think of and cant seem to find a solution!

Did you try to just put the default "client object browser" back? If you select "icons only" in preferences there will be no overlap and yes, if you input  alignment="left" inset="34" the rest of the screen will move over to the right so that is not a good solution.

It looks like you are using (part of the) code that enables the sidebar to be hidden, as when it unhides it will "overlap" the screen when the mouse hovers over it. This means you are not using a "clean" xml file,

[cambo900]

Thanks for the reply. Ive managed to edit the sidebar itself now instead of trying to do it in the object browser and managed to get it in the centre without and dead dark space: