responsive config attempt breaks Architect Design View

I tried to make a responsive confg solution and it works but breaks Architect Design View. See my question at the bottom.

Here is information from the ExtJs 5 forum.

-------------------------

Is there any way to convert a form from a horizontal layout to a vertical layout with the responsiveConfig?

I'm just looking into this and it seems to not be possible. But maybe I'm just missing it?

My solution so far is to create a container with a card layout.

One card has a vertical layout and the other has a horizontal one.

I then add a method 'setVertical(boolean)" to switch the activeItem from one card to the other and move all items from one card to the other.

With this responsiveConfig:

Code:

responsiveConfig: {
    wide: {
         vertical: false
    }
    tall: {
         vertical: true
    }
}

it works.

It does break Architect Design view with the "Framework Error: Config "vertical"has no setter..."

-------------------------

Is there a way to make Architect Design view work with this solution? Or am I back to using Architect as an editor?

responsive config attempt breaks Architect Design View