Overlay to transparent?

Page: 1

Author Post
Member
Registered: Jul 2018
Posts: 17
Location: Australia, Queensland
Hi.. How do I set the Overlay colour to no colour or 100% transparent.
Member
Registered: Jul 2018
Posts: 17
Location: Australia, Queensland
At this code, I have already set to 0, as you can see..

transparent: {
boxColor: "transparent",
contentBackgroundColor: "transparent",
boxCornerRadius: 0,
shadowType: "none",
showOuterClose: true,
showClose: false,
overlayOpacity: 0.0,
outerBorder: 2,
innerBorder: 0,
zoomBorder: 0

But I still see a background colour, so not really sure if that is the Overlay or a different setting.. I have set my html page to transparent, no colour..

http://members.westnet.com.au/dps/FloatBoxTesting/Test-5.html
Administrator
Registered: Aug 2008
Posts: 3350
overlayColor: 'transparent'

But perhaps what you really want is no overlay at all, in which case you would set modal: false
Member
Registered: Jul 2018
Posts: 17
Location: Australia, Queensland
Yes, I think the modal:false would be it.. Where do I find that code to edit.
Administrator
Registered: Aug 2008
Posts: 3350
Please see "Configuring options" in the Instructions.
Member
Registered: Jul 2018
Posts: 17
Location: Australia, Queensland
Despite my best efforts with my limited skills in this area, I have not been able to make the background transparent. It starts off white but then fills in with a grey then the box opens.. The box is fine, but I cannot alpha out the grey fill.. What am I missing..
Member
Registered: Jul 2018
Posts: 17
Location: Australia, Queensland
I am assuming the white is transparent, but it is then filling in with the grey...
Administrator
Registered: Aug 2008
Posts: 3350
If the overlay is not transparent, then the overlayColor option has not been set to transparent for the floatbox in question.

If you don't know how to set options, please review the Floatbox Instructions on this topic. If you do believe that overlayColor has indeed been set correctly, please provide a link to a stripped down example page showing the problem and I'll be able to take a look and see where the problem lies.
Member
Registered: Jul 2018
Posts: 17
Location: Australia, Queensland
I tried the value 0 but in the documentation 1 is transparent. I tried both to make sure.. Here are my settings..

transparent: {
boxColor: "transparent",
contentBackgroundColor: "transparent",

boxCornerRadius: 0,
shadowType: "none",
showOuterClose: true,
showClose: false,
overlayOpacity: 1,
outerBorder: 1,
innerBorder: 1,
zoomBorder: 1
},
naked: {
boxCornerRadius: 0,
showOuterClose: true,
showClose: false,
inFrameResize: false,
showItemNumber: false,
navType: "overlay",
showNavOverlay: false,
caption: null,
outerBorder: 0,
innerBorder: 0,
zoomBorder: 0,
padding: 0,
panelPadding: 0
},
fbInfo: { // applies to boxes opened from Info... links
boxCornerRadius: 6,
shadowSize: 0,
padding: 18,
overlayOpacity: 1,
resizeTime: 0.3,
fadeTime: 0,
transitionTime: 0.3,
overlayFadeTime: 0.3
Administrator
Registered: Aug 2008
Posts: 3350
The option for the overlay color is named overlayColor. The value for that option is transparent, if you want a transparent overlay. The options sections of the instructions clearly describe the simple task of assigning options. For example, data-fb-options="overlayColor:transparent"
Member
Registered: Jul 2018
Posts: 17
Location: Australia, Queensland
Yay, I did it. THANK YOU!... I was trying to do it via the fbOptions.js file..
I did not fully understand the data-fb-options..

It now works as I wanted it.. :D

Page: 1