Hi Ignacio,

Your code changed the appearance of the SIDEBAR, but it still was above the map. It did give me the idea of dropping back to html just for the sidebar and map. I used:

<show-page for="HomeScreen" >
    <body: onload="plainMap(#{@latlng},#{@zoomval})"/>
    <content: replace>
    <table>
      <tr>
        <td>
          <div class="well">SIDEBAR</div>
        </td>
        <td>
          <div class="span9">
              <content restore/>
          </div>
        </td>
      </tr>
    </table>
    </content:>
</show-page>

which put the SIDEBAR on the left and the map on the right. I have to do some css cleanup, but now that everything is where it needs to be, that is easy.

Thanks for your help.

Don

On 08/27/2013 02:51 PM, Ignacio Huerta wrote:
Ups, somehow I pressed send too early... Let's start again:

Hi Donald!

You have an example + screenshot here, with an aside on the right side:
https://github.com/Hobo/hobo_bootstrap#complex-forms


In order to have an aside on the left side, I would recommend using
directly bootstrap classes. Something like:

<show-page for="HomeScreen" >
     <body: onload="plainMap(#{@latlng},#{@zoomval})"/>
     <content: replace>
       <div class="row">
         <div class="span3">
           <div class="well">SIDEBAR</div>
         </div>
         <div class="span9">
          <content restore/>
         </div>
       </div>
     </content:>
</show-page>

I haven't tested it, but something similar should work :)

Regards,
Ignacio



El 27/08/13 20:49, Ignacio Huerta escribió:
Hi Donald,






El 27/08/13 20:46, Donald Ziesig escribió:
Hi Again!

Now I am having problems with setting up a page with an aside in the
bootstrap theme.

in the <page merge tag I have 'content-size="10"
aside-location="left"'.  When I change the value of content-size, the
content size changes accordingly.  When I change the value of
aside-location, nothing happens.

The dryml is:

<def tag="show-page" for "HomeScreen">
   *
   *
   *
     <content-body: param>
       <div id="google_map" style="width:100%; height: 550px;
position:relative;margin-left : auto; margin-right:auto"></div>
       <if test="&Rails.env.development?"><h5>View File: <%= __FILE__ %>
<%= __LINE__.to_s %></h5></if>
     </content-body:>
   </page>
</def>

then

<show-page for="HomeScreen" >
     <body: onload="plainMap(#{@latlng},#{@zoomval})"/>
     <content: replace>
       <section-group>
         <aside>SIDEBAR</aside>
         <section><content restore/></section>
       </section-group>
     </content:>
</show-page>

The page renders as:

SIDEBAR
<The google map (whose size varies with the value of content-size)>

I would really like it to be:

SIDEBAR <The google map (whose size varies with the value of content-size)>

The only way I have been able to get what I want to appear is to change
to show.html.erb.  With that I don't have access to the rest of the
dryml capabilities.

Any suggestions would be greatly appreciated.

Thanks,

Don Z.



--
You received this message because you are subscribed to the Google Groups "Hobo 
Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/hobousers.
For more options, visit https://groups.google.com/groups/opt_out.

Reply via email to