Page 1 of 1
styles to css
Posted: Tue Aug 14, 2018 1:57 pm
by Timo
Hello,
Would you mind moving the styles that reside in the php file(s) to the nubuilder4.css style sheet ? I was thinking specifically about the styles for nuDragDialog, nuDraggingBox, iframe
This allows us to tweak the styles. Thank you.
styles.png
Re: styles to css
Posted: Wed Aug 15, 2018 5:07 am
by admin
Timo,
Sorry, but It's not something we'll be doing in the near future.
Steven
Re: styles to css
Posted: Wed Aug 15, 2018 10:07 am
by toms
Hi,
Use JS to change the styles.
Default style:
default_style.png
Custom style:
new_style.png
Place this Javascript in the Header under Home ► Setup
(I modified some other styles like .nuBrowseBody .nuBrowseTitle)
Code: Select all
function nuOnLoad() {
custColorIframe()
}
function custColorIframe() {
if (window.location != window.parent.location) {
var dd = $('#nuDragDialog', window.parent.document);
dd.css({
'height': (dd.height() + incH) + 'px',
'width': (dd.width() + incW) + 'px',
'background-color': 'white',
'border-top-left-radius': '6px',
'border-top-right-radius': '6px'
});
var dw = $('#dialogTitleWords', window.parent.document);
dw.css({
'background': 'rgb(255,255,255)',
'background': '-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 60%, rgba(237,237,237,1) 100%)',
'background': '-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 60%,rgba(237,237,237,1) 100%)',
'background': 'linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 60%,rgba(237,237,237,1) 100%)'
});
}
}
Re: styles to css
Posted: Tue Aug 21, 2018 1:45 am
by admin
.
Re: styles to css
Posted: Thu Aug 30, 2018 1:35 pm
by Timo
@Toms: Looks amazing! Thanks for that. I was just wondering how you added the trash can icon to the subform. Because many of my users do not understand what these checkboxes are for.
Re: styles to css
Posted: Thu Aug 30, 2018 8:06 pm
by toms
Timo, this will add a trash can icon to all subforms.
tci.png
Place the JS code under Setup > Header:
Code: Select all
function nuOnLoad() {
custAddTrashCanIconToSubForms();
}
function custAddTrashCanIconToSubForms() {
if (nuFormType() == 'edit') {
$(".nuSubform").each(function() {
subTabHolder = $(this).attr('id') + 'nuTabHolder';
$("#" + subTabHolder).append("<img id='trash_can' title= '" + nuTranslate("Delete Checked Rows When Saved") + "' src='graphics/trash_can.png' width='16' height='16' style='position:absolute; right: 20px; top: 28px;' />");
});
}
}
Re: styles to css
Posted: Fri Sep 07, 2018 4:53 am
by Timo
Hey toms, thank you so much!
This should be integrated into nuBuilder.
Re: styles to css
Posted: Wed Sep 12, 2018 4:20 am
by admin
.