Warning: The author of this contribution does not provide support for it anymore.

Codebox Plus

How to add scrollbar on codebox - Codebox Plus

How to add scrollbar on codebox

by mabaega » Mon May 20, 2013 8:38 am

i need to set codebox max height

how to do that, and how to show scrollbar on codebox?

thank's
mabaega
Registered User
Posts: 14
Joined: Tue May 14, 2013 6:01 am
Contact:

Re: How to add scrollbar on codebox

by randomessence » Mon Jun 03, 2013 8:49 am

open styles/prosilver/theme/content.css

Find:

Code: Select all

/* Code block */
dl.codebox {
   padding: 3px;
   background-color: #FFFFFF;
   border: 1px solid #d8d8d8;
   font-size: 1em;
}


And add your changes here.

Code: Select all

/* Code block */
dl.codebox {
   padding: 3px;
   background-color: #FFFFFF;
   border: 1px solid #d8d8d8;
   font-size: 1em;
   white-space: nowrap;     /* No word wrap */   
   overflow: auto;           /* Scroll bar */
   max-height:300px;        /* Max height*/
}
User avatar
randomessence
Registered User
Posts: 135
Joined: Sun May 01, 2011 10:27 pm
Contact:

Re: How to add scrollbar on codebox

by mabaega » Fri Jun 21, 2013 9:29 am

thank's
:D :D
mabaega
Registered User
Posts: 14
Joined: Tue May 14, 2013 6:01 am
Contact:

Re: How to add scrollbar on codebox

by 523066680 » Tue Dec 15, 2015 1:22 pm

randomessence wrote:open styles/prosilver/theme/content.css

Find:

Code: Select all

/* Code block */
dl.codebox {
   padding: 3px;
   background-color: #FFFFFF;
   border: 1px solid #d8d8d8;
   font-size: 1em;
}


...



Hello randomessence,
your solution is for default [ code ] scrollbar,
how to make scrollbar for Codebox Plus ?
(in COLLAPSE mode, show scrollbar; in EXPAND mode, show all of code

Thanks first
User avatar
523066680
Registered User
Posts: 12
Joined: Mon May 05, 2014 1:50 pm
Contact:

Re: How to add scrollbar on codebox

by o0johntam0o » Wed Dec 16, 2015 1:14 am

Hi, please visit this topic (the newest version of this MOD for phpBB3.1)
User avatar
o0johntam0o
Registered User
Posts: 228
Joined: Thu Sep 23, 2010 3:53 pm
Location: Viet Nam
Name: Tam
Contact:

Re: How to add scrollbar on codebox

by Raheem » Sat Jul 14, 2018 3:27 am

randomessence wrote:open styles/prosilver/theme/content.css

Find:

Code: Select all

/* Code block */
dl.codebox {
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px solid #d8d8d8;
	font-size: 1em;
}
And add your changes here.

Code: Select all

/* Code block */
dl.codebox {
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px solid #d8d8d8;
	font-size: 1em;
	white-space: nowrap;	  /* No word wrap */	
	overflow: auto;			  /* Scroll bar */
	max-height:300px;		  /* Max height*/
}
Should be done here: codeboxplus/styles/all/theme/style.css

This:
  • Code: Select all

    .codebox_plus_wrap
    {
    	padding: 3px;
    	background-color: #FFFFFF;
    	border: 1px solid #D8D8D8;
    	font-size: 1em;
    }
To this:
  • Code: Select all

    .codebox_plus_wrap
    {
    	padding: 3px;
    	background-color: #FFFFFF;
    	border: 1px solid #D8D8D8;
    	font-size: 1em;
    	white-space: nowrap;     /* No word wrap */   
    	overflow: auto;           /* Scroll bar */
    	max-height:300px;        /* Max height*/
    }
Don't forget to purge the cache.
Raheem
Registered User
Posts: 84
Joined: Thu Feb 09, 2017 7:02 pm
Location: Egypt
Contact: