Thanks for the CSS tip, im certainly not an expert with it at this
stage so what I have is
simply a rough mock up to give me some structure whilst I am doing the
coding.
RE Javascript I have all the javascript working for the sortable list
and related ajax and
php elements, its simply the creating of scroll bars for the list im
unsure of how to do -
would this need to be in javascript??
///////////////////////////////////////////////////////////
/// ///
/// Droppable 1 ///
/// Fixed ///
/// ///
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
/// ///
/// Sortable ///
/// List ///
/// ///
/// Scrollable ///
/// ///
/// ///
/// ///
/// ///
/// ///
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
/// ///
/// Droppable 2 ///
/// Fixed ///
/// ///
///////////////////////////////////////////////////////////
This is the design format I have at the moment but without the middle
bit being scrollable - this is what
I am unsure of how to do.
Hope this clears things up, thanks for the help so far :)
On Feb 26, 1:18 pm, "Alex Mcauley" <webmas...@thecarmarketplace.com>
wrote:
> Firstly in your CSS you have float:centre
>
> There is no float:center as far as i know .. if there were it would be
> "center" <--- american spelling
>
> i also cannot see any Javascript in there to help you with
>
> ----- Original Message -----
> From: "vanq69" <jaed...@gmail.com>
> To: "Prototype & script.aculo.us" <prototype-scriptaculous@googlegroups.com>
> Sent: Thursday, February 26, 2009 11:37 AM
> Subject: [Proto-Scripty] Re: Adding Scroll bars to list
>
> > Have had a look into this and havent been able to find a suitable
> > method.
>
> > I am aiming for having a space for 12 rows with scrollbars to get to
> > the rest,
> > with the top div - "addPage" and the bottom div - "trash" being always
> > visible.
>
> > Here is the code im currently trying:
>
> > <!-- start sidebar2 -->
> > <div id="sidebar2" class="sidebar">
> > <ul>
> > <li id="chunkListModule">
> > <h2>Chunk List</h2>
> > <div id = "addPage">
> > <h4 align="center">DRAG HERE TO ADD TO PAGE</h4>
> > </div>
> > <br />
> > <ul setsize=12 id="chunksList" class="sortableList"
> > onmouseup="processChunk('chunksList', 'recreateList')">
> > <?php
> > $myChunksList = new ChunksList();
> > echo $myChunksList->BuildChunksList();
> > ?>
> > </ul>
> > <br />
> > <div id = "trash">
> > <h4 align="center">DRAG HERE TO DELETE</h4>
> > </div>
> > </ul>
> > </div>
> > <!-- end sidebar2 -->
>
> > And here is the relevant parts of the CSS:
>
> > /* Sidebar2 CSS */
>
> > #sidebar2 {
> > float: centre;
> > padding: 20px 20px;
> > }
>
> > #addPage
> > {
> > border: 4px solid #ffd90f;
> > width: 190px;
> > padding: 10px;
> > }
>
> > ul.sortableList
> > {
> > list-style-type: none;
> > padding: 0px;
> > margin: 0px;
> > width: 220px;
> > }
>
> > ul.sortableList li
> > {
> > cursor: move;
> > padding: 2px 2px;
> > margin: 2px 0px;
> > border: 1px solid #ffd90f;
> > background-color: #eee;
> > }
>
> > #trash
> > {
> > border: 4px solid #ffd90f;
> > width: 190px;
> > padding: 10px;
> > }
>
> > Any thoughts or help would be great :)
>
> > Regards
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
