From: jeremy Ruten <jeremy.ruten@...>
Date: 2010-08-02T18:13:37+09:00
Subject: Re: Shoes: Stacks and Flows

If you set the widths of the stacks explicitly, they will flow in one line:

app = Shoes.app do
 background "#FFFFFF"
 flow :width => 1.0 do
   stack :width => 0.33 do
     para "North America"
     button("View") do
     end
   end
   stack :width => 0.33 do
     para "Europe"
     button("View") do
     end
   end
   stack :width => 0.33 do
     para "Asia"
     button("View") do
     end
   end
 end
end

You'd do the same sort of thing in HTML to get this layout, so it's
probably the right way to do it.

jeremy

On Mon, Aug 2, 2010 at 2:53 AM, Jason Watson <jbw@jbw.cc> wrote:
> On 2010-08-02 08:31:23 +0100, Terry Michaels said:
>
>> I'm still learning Shoes -- working on basic formatting. I'm a little
>> confused, though, with the results of this code:
>>
>> app = Shoes.app do
>>  background "#FFFFFF"
>>  flow :width => 1.0 do
>>    stack do
>>      para "North America"
>>      button("View") do
>>      end
>>    end
>>    stack do
>>      para "Europe"
>>      button("View") do
>>      end
>>    end
>>    stack do
>>      para "Asia"
>>      button("View") do
>>      end
>>    end
>>  end
>> end
>>
>> After reading the manual, I had the impression that the above code would
>> produce something like this:
>>
>> text     text     text
>> button   button   button
>>
>> Instead I get:
>>
>> text
>> button
>> text
>> button
>> text
>> button
>
> To get what you wanted you can do it like this:
>
> Shoes.app do
>  stack do
>   flow do
>     para "North America"
>     para "Europe"
>     para "Asia"
>   end
>   flow do
>     button("View 1") do
>     end
>     button("View 2") do
>     end
>     button("View 3") do
>     end
>   end
>  end
> end
>
> Flow seems to go left to right so having in two flows like this works,
> otherwise you get everything going left to right in the order you add them.
>
> ~jbw
>
>
>
>