transparent background on webpage widget

  • 1
  • Problem
  • Updated 2 years ago
  • Not a Problem
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members.

Webpage widget, trying to use transparent background on the placeholder, the website that is in the widget has a rgb 0,0,0,0 background colour, here is a link to the webpage that is trying to display http://condocontrolcentral.com/tv/55573/ the placeholder has a transparent background but everytime it is tested it comes up with a white background image on the webpage widget, here is a link to the RiseVision preview http://preview.risevision.com/Viewer.html?type=presentation&id=509bf981-cd91-4efd-9177-204c47ee7... . 

I'm posting this for my client as they have been working on the problem for a little while.

Thanks for any input.
Photo of coppertop001 .

coppertop001 .

  • 698 Points 500 badge 2x thumb

Posted 2 years ago

  • 1
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Where that webpage is? If you have an access to the source code all you have to do is add to the style "background: transparent;"

It is hard to give you more specific information because of the lack of details.
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Also, the correct value should be rgba(0,0,0,0.00) that is black color at 100% transparency. Basically change it manually to "transparent"
(Edited)
Photo of coppertop001 .

coppertop001 .

  • 698 Points 500 badge 2x thumb
I don't have access but I can tell the developer to change the background and try it again.
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
coppertop,

Looks like Darius is correct, the website itself has a white background.
Photo of coppertop001 .

coppertop001 .

  • 698 Points 500 badge 2x thumb
Thanks for the info, I've asked them but he's thinking that its from the website browser widget.......I dunno, it's beyond me at this point.
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
It is definitely not. I use this option very often in Rise Vision. Matter of fact, I am working with transparent backgrounds that will end up in Rise Vision this minute. Pretty much every HTML/CSS/JS rule applies to RV content because. Just apply "background: transparent;" to <body> style in CSS. Trust me, transparency works just fine if you do it right.
Photo of Shea

Shea, Official Rep

  • 5,188 Points 5k badge 2x thumb
Hey there, 

I took a look and your body element has Background: white; applied to it. There is also now a div holding a background image which will need to be removed. Ask the developer you are working with to add the below to the top of his CSS document.

body {
background: transparent;
}

In this GIF you can see I applied the changes to the webpage in your Presentation. 

Let me know if that helps.

Thanks,
Shea
Photo of coppertop001 .

coppertop001 .

  • 698 Points 500 badge 2x thumb
I've passed this along to the web designer, he is making the changes but won't have an answer if it fixed it till the new year.

Thanks
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Technically, you could have done all that with the Text Widget.
(Edited)
Photo of coppertop001 .

coppertop001 .

  • 698 Points 500 badge 2x thumb
Technically yes.......but my clients use this software called "CondoControlCentral" and it allows them to post news to their condo units by email, mailroom posting, all automated, they didn't want to have to load the memos in the CCC software and then have to copy and reformat in the RiseVision text editor. Since CCC drives internet based links from their software it was a no-brainer to have them provide a link that can be used on RiseVisions system.

It's just this customer that has the text only option, others have images and other items on the screen that is driven by the weblink provided by CCC.
(Edited)