Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Sep 2007
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Scrolling checkbox area.

    Hello folks.

    I want to add a scrolling area on the posting body of my forum. Since this isn't really a phpbb support topic but more or less just a coding question in general i figured it would be alright to ask it here.

    This may not be very hard. I've seen it before but cannot provide an example right now.

    Right now the part that I want to scroll has checkboxes in it so I can't just add a standard textarea to make a little scrolling area.

    Here is a screenshot of what I want to change:

    http://i21.tinypic.com/28slpty.jpg

    This is the code from the posting_body.tpl file on my phpbb forum:

    <!-- BEGIN attribution -->
    <table cellspacing="0" cellpadding="0" border="0" width="100%">
    <tr>
    <td align="left" colspan="{aot.attribution.COLSPAN}"> <span class="gensmall12"><u><b>{aot.attribution.S_ATTRIBUTION_NAME}:</b></u></span><hr></td> <td><script type="text/javascript"><!--
    google_ad_client = "pub-7811377366188768";
    google_ad_width = 125;
    google_ad_height = 125;
    google_ad_format = "125x125_as";
    google_ad_type = "text_image";
    google_ad_channel = "";
    google_color_border = "f4f7fd";
    google_color_bg = "f4f7fd";
    google_color_link = "072254";
    google_color_text = "AECCEB";
    google_color_url = "AECCEB";
    google_ui_features = "rc:10";
    //-->
    </script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script> </td>
    </tr>
    <tr>
    <!-- BEGIN element -->
    <td align="left" valign="top" width="65%" bgcolor="#f4f7fd">
    <span class="gensmall">
    <input type="checkbox" name="{aot.attribution.S_ATTRIBUTION_ORDER}_{aot.attribution.element.S_ELEMENT_ORDER}" value="on" {aot.attribution.element.S_CHECKED} />
    <font color="#051657"><span class="gensmall11"> >> </span> {aot.attribution.element.S_ELEMENT_NAME} <span class="gensmall11"> << </SPAN></font>
    </span>
    </td> </tr>
    <!-- END element -->

    </table>
    <!-- END attribution -->
    So instead of it showing the full list of options plus more after i add them, i want a scrollbar there after 4-5 options, just to save the layout abit, I'd rather not have a long list just displaying like that.

    Can anyone offer me any tips? It would be much appreciated.
    Last edited by leomn; 10-15-2007 at 08:11 AM.

  • #2
    New Coder
    Join Date
    Oct 2007
    Location
    Irwin, PA
    Posts
    23
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I'm not exactly sure how that works (the coding you provided) but if you want all the inputs to be in a scrollbar content area, you can try applying CSS to a div tag and then placing the inputs inside of it.

    example
    Code:
    <div style="overflow: auto; height: 100px; width: 80%;">
    
    <!--this is where you can stick your inputs and input labels, inside of this checkbox. when they reach over a height of 100px, the box will show a scrollbar. you can change the width and height to what you want-->
    
    </div>
    That is the proper way to apply a scrollbar to anything.

  • #3
    New Coder
    Join Date
    Sep 2007
    Posts
    33
    Thanks
    0
    Thanked 0 Times in 0 Posts
    That works of course, thank you.

    I'm not exactly sure how that works
    It's just one of those things. If I told you, I'd have to kill you.

    http://phpbbhacks.com/download/6198


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •