The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Issues wit Latest Topics widget

View previous topic View next topic Go down

Solved Issues wit Latest Topics widget

Post by Kami-sama on January 5th 2017, 12:40 pm

Technical Details


Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : Yourself
Forum link : ( link is hidden, you must reply to see )

Description of problem

Hey!

So I have the "Latest Topics" widget activated on my portal. I would like it to be around 250px height with scroll, but it does not change. I have tried changing size directly on widget and wit a code like this:

Code:
#recent_topic_list {
    height: 100px;
    overflow-y: auto;
}


Last edited by Kami-sama on January 5th 2017, 5:36 pm; edited 1 time in total
avatar
Kami-sama
Forumember

Female Posts : 317
Reputation : 7
Language : English, Russian, German, Lithuanian
Location : Lithuania

http://hogas.huhohi.com/

Back to top Go down

Solved Re: Issues wit Latest Topics widget

Post by Luffy on January 5th 2017, 1:07 pm

Hello @Kami-sama,

Go to: Admin Panel > Display > Templates > Portal > mod_recent_topics
and replace the template with this:
Code:
<!-- BEGIN scrolling_row -->
{MARQUEE_JS_SRC}
<div class="module main">
 <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
 <div class="main-content" id="comments_scroll_div">
            <div class="marquee" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
 <!-- BEGIN recent_topic_row -->
  <a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
 <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

 <!-- BEGIN switch_poster -->
 <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
 <!-- END switch_poster -->

 <!-- BEGIN switch_poster_guest -->
 {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
 <!-- END switch_poster_guest -->
 <!-- END recent_topic_row -->
            </div>
 </div>
</div>
<script type="text/javascript">
        $(".marquee").marquee();
</script>
<!-- END scrolling_row -->

<!-- BEGIN classical_row -->
<div class="module main">
 <div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
 <div class="main-content"><div id="recent_topic_list" class="gensmall">
 <!-- BEGIN recent_topic_row -->
  <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br />{BY}&nbsp;

 <!-- BEGIN switch_poster -->
 <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
 <!-- END switch_poster -->

 <!-- BEGIN switch_poster_guest -->
 {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
 <!-- END switch_poster_guest -->

 {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

 <!--
 <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
 -->
 <!-- END recent_topic_row -->
 </div>
</div>
<!-- END classical_row -->
 
  <style>
    #recent_topic_list{font-size:11px;font-family:Arial,Verdana,Helvetica,sans-serif;height:450px;overflow-y:auto;overflow-x:hidden;margin:-5px -10px -5px -10px;padding:10px 0 10px 10px}
#recent_topic_list::-webkit-scrollbar{width:6px}
#recent_topic_list::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}
#recent_topic_list::-webkit-scrollbar-thumb{background:#00608c}
</style>





avatar
Luffy
Manager
Manager

Male Posts : 4878
Reputation : 500
Language : Greek, English
Location : Greece

http://thinktank.forumotion.com/

Back to top Go down

Solved Re: Issues wit Latest Topics widget

Post by Kami-sama on January 5th 2017, 5:35 pm

Thanks! Figured it out myself actually Very Happy

Strange, that you must add a div and tables do not understand class/id height setting when for example color changes from "background-color".

P.S. Is there a tutorial, how to change scroll bars in the whole forum?
avatar
Kami-sama
Forumember

Female Posts : 317
Reputation : 7
Language : English, Russian, German, Lithuanian
Location : Lithuania

http://hogas.huhohi.com/

Back to top Go down

Solved Re: Issues wit Latest Topics widget

Post by Luffy on January 5th 2017, 6:36 pm

Not yet. We'll consider creating one! Smile

Problem solved & topic archived.
Please read our forum rules: ESF General Rules





avatar
Luffy
Manager
Manager

Male Posts : 4878
Reputation : 500
Language : Greek, English
Location : Greece

http://thinktank.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum