Increase the height of Flex Container dynamically and introduce scrollbar on the browser

Question

Hi,

I am trying to increase the height of container with increase in the number of contents inside the container. Like in my case i m using tileList inside tabNavigator , when I put contents inside the tileList, the height of tileList does not increase beyond vertical height of the viewport. It puts scrollbar on the container. I want to increase the height of an flex container with increase in the contents and introduce scrollbar on the browser with increase in contents in the flex container.

Could anybody please suggest me how I could achieve this.

Thanks in advance.

Answer 1

You need to write a javascript function which increases the height of embed object and you need to call this javascript method from flex while adding a new item to tile list.

This link explains how to access javascript from flex.

Answer 2

Have considered using javascript and resize the element directly in the source HTML? The JS code could look something like that:

function changeSize(id) {
    var flex = document.getElementById(id);

    flex.setAttribute("width", "800");
    flex.setAttribute("height", "600");
}

Answer 3

But the given solution is not a generic solution, Every time you compile the code you need to edit the html file and add the javascript code . Is there any other better solution?