Overlay to transparent?
Page: 1
Author | Post |
---|---|
#1 Sat Sep 01, 2018 2:07 am
|
|
Member
Registered: Jul 2018
Posts: 17
Location: Australia, Queensland
|
Hi.. How do I set the Overlay colour to no colour or 100% transparent.
|
#2 Sat Sep 01, 2018 2:25 am
|
|
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 |
#3 Sat Sep 01, 2018 2:36 am
|
|
Administrator
Registered: Aug 2008
Posts: 3382
|
overlayColor: 'transparent'
But perhaps what you really want is no overlay at all, in which case you would set modal: false |
#4 Sat Sep 01, 2018 2:43 am
|
|
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.
|
#5 Sat Sep 01, 2018 3:18 am
|
|
Administrator
Registered: Aug 2008
Posts: 3382
|
Please see "Configuring options" in the Instructions.
|
#6 Tue Sep 04, 2018 9:22 am
|
|
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..
|
#7 Tue Sep 04, 2018 9:35 am
|
|
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...
|
#8 Tue Sep 04, 2018 11:56 am
|
|
Administrator
Registered: Aug 2008
Posts: 3382
|
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. |
#9 Wed Sep 05, 2018 2:09 am
|
|
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 |
#10 Wed Sep 05, 2018 2:25 am
|
|
Administrator
Registered: Aug 2008
Posts: 3382
|
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"
|
#11 Wed Sep 05, 2018 7:14 am
|
|
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.. |
Page: 1