Page 1 of 1
How to change the color and height of a title in a subform?
Posted: Fri May 22, 2020 4:13 pm
by kknm
How to change the color and height of a title in a subform?
Re: How to change the color and height of a title in a subfo
Posted: Fri May 22, 2020 4:22 pm
by kev1n
The height should be high enough to display Multiline.
You just have to use '<br>' to force a line break.
Inspect elements with the Developer Console (F12):
Get Started With Viewing And Changing The DOM
https://developers.google.com/web/tools ... vtools/dom
Then use JavaScript/JQuery to modify the style.
See:
https://streamable.com/181xk6
Re: How to change the color and height of a title in a subfo
Posted: Sat May 23, 2020 2:20 pm
by kknm
I clarify the question:
I ask about changing the global style for the whole site, not just subforms.
Re: How to change the color and height of a title in a subfo
Posted: Sat May 23, 2020 9:59 pm
by kknm
I changed nubuilder4.css, but it seems to me it would be advisable to include a style editor in the nuBuilder package to change the style of the site.
Something like skins...
Re: How to change the color and height of a title in a subfo
Posted: Sun May 24, 2020 2:47 am
by kev1n
nubuilder4.css should not be modified. The the recommendation is to add your own styles in the (Setup -> ) Header.
Header
The Header is placed in the HTML5 header of nuBuilder Forte and can be used for adding...
Javascript libraries
Javascript functions
Style Sheets
CSS Styles
https://webcache.googleusercontent.com/ ... /index.php
(The nuBuilder Wiki shows errors that's why I'm linking a webcache URL)
Re: How to change the color and height of a title in a subfo
Posted: Thu May 28, 2020 8:23 am
by kknm
kev1n wrote:nubuilder4.css should not be modified. The the recommendation is to add your own styles in the (Setup -> ) Header.
Header
The Header is placed in the HTML5 header of nuBuilder Forte and can be used for adding...
Javascript libraries
Javascript functions
Style Sheets
CSS Styles
https://webcache.googleusercontent.com/ ... /index.php
(The nuBuilder Wiki shows errors that's why I'm linking a webcache URL)
Adding modified styles to the setup-header has no effect !
Code: Select all
</script>
<script src='libs/browse_total_rows.js' type='text/javascript'></script>
function nuHeaderTest() {
console.log('Functions placed here before a closing script tag are available anywhere in nuBuilder Forte');
}
</script>
<style>
// .nuActionButton {background-color:#0073aa;}
.nuBrowseTitle { background-color: #FFFFB3;}
</style>
<script>
Re: How to change the color and height of a title in a subfo
Posted: Thu May 28, 2020 8:36 am
by kev1n
You have to log in again for the changes to take effect.
Re: How to change the color and height of a title in a subfo
Posted: Thu May 28, 2020 8:42 am
by kknm
kev1n wrote:You have to log in again for the changes to take effect.
No, no ... Even rebooting and clearing the cache does not help.
Re: How to change the color and height of a title in a subfo
Posted: Thu May 28, 2020 8:49 am
by kev1n
A reboot or clearing the cache is not necessary. Try this code:
Code: Select all
</script>
<style>
.nuBrowseTitle {background-color:#FFFFB3;}
</style>
<script>
Re: How to change the color and height of a title in a subfo
Posted: Thu May 28, 2020 10:06 am
by kknm
Yes, changing the order of the tags corrected the situation. Thank!