integrate x-layout and x-appbar