Jump to content
  • Status: Moved to Github

Hi All,

5.0.1 update has caused the advanced options for the Image widget to disappear:
image.png

Can you please also include an option to remove the gradient overlay and background repeat/reflection of the image?
image.png

IPS4 allowed us to create widgets with background images and a logo placed on top so the widget would transform as the screen size changed.

Thanks,

Mad

User Feedback

Recommended Comments

Madhouseau

Clients

To add:

When more than One image is added to the widget, the ugly gray background applies behind transparent images:
image.png

Esther E.

Invision Community Team

Removing the Advanced tab was intentional, as the majority of the settings are no longer relevant. In theory you could accomplish what you're looking for with the text builder widget; you can just upload an image into the editor.

Madhouseau

Clients
(edited)
5 minutes ago, Esther E. said:

Removing the Advanced tab was intentional, as the majority of the settings are no longer relevant. In theory you could accomplish what you're looking for with the text builder widget; you can just upload an image into the editor.

Please explain how that is possible?

WYSIWYG Editor does not allow background colour/images
Text Widget does not have the ability to upload a foreground image

image.png

The Images Widget in IPS4 was perfect, why remove the advanced options?

Edited by Madhouseau

Esther E.

Invision Community Team

I'm not referring to the standard WYSIWYG widget. We have a different widget for text (sorry, I'm not at my desk yet, and I forget the exact name... I'm still on my first cup of coffee). There were 3 builder widgets in v4 - images, media, and text.

During our beta phase, we had multiple reports and requests related to the images widget in particular, and this was the solution that made the most sense.

Madhouseau

Clients
(edited)
Just now, Esther E. said:

I'm not referring to the standard WYSIWYG widget. We have a different widget for text (sorry, I'm not at my desk yet, and I forget the exact name... I'm still on my first cup of coffee). There were 3 builder widgets in v4 - images, media, and text.

During our beta phase, we had multiple reports and requests related to the images widget in particular, and this was the solution that made the most sense.

I clipped both the WYSIWYG and standard Text widget and wrote a comment to both widgets limitations.

Who gives feedback they want less styling options? That cannot be for real?

Edited by Madhouseau

Esther E.

Invision Community Team
1 minute ago, Madhouseau said:

I clipped both the WYSIWYG and standard Text widget and wrote a comment to both widgets limitations.

It's entirely possible that my under-caffeinated brain is confusing multiple things.

Another option would be to add the background image using custom CSS. You can view the source of the widget to get the unique ID, which would allow you to target only that one block.

Madhouseau

Clients

So for every widget with a background image and wanting a logo/transparent image on top, I'm going to have to do manual steps to achieve what I could do simply on the current IPS4 website?

That is a backwards step for your customers. I choose a couple of years back to move to IPS as your page building feature and easy styling options of widgets made whipping up content pages simple for those who aren't code savvy.

The Advanced options were there in the 5.0.0 release, please add it back.

And please give the option to turn on/off the gradient overlay and the acid trip logo repeating background affect.

Matt

Management
  • Management

The advanced tab has a lot of spacing options that conflict with the Page Editor spacing options. We removed the tab as a short term fix, but we're discussing internally what options we can bring back in a near-future release.

Madhouseau

Clients

It was good to read in the 5.0.2 changelog the builder/advanced tab was back for the Images Widget.

Unfortunately, the current bug of the funky background is still there:

image.png

I do not see an option to remove the background of the foreground image to allow for a background image to show through.

Esther E.

Invision Community Team

Sorry, I don't understand what you're asking. Can you be a little more specific?

Marc

Invision Community Team
26 minutes ago, Madhouseau said:

It was good to read in the 5.0.2 changelog the builder/advanced tab was back for the Images Widget.

Unfortunately, the current bug of the funky background is still there:

image.png

I do not see an option to remove the background of the foreground image to allow for a background image to show through.

Would you mind posting that as a separate bug? I can get it in the bug tracker internally for you then :)

Matt

Management
  • Management

Can you link me to a page that you are using the image widget on please?

Madhouseau

Clients
3 minutes ago, Matt said:

Can you link me to a page that you are using the image widget on please?

https://www.bigd.com.au/ipbtest/

Matt

Management
  • Management

I see, it's a single image. I guess we didn't expect for someone to use the images widget to put a single image on top of a background image. It's more geared towards being a carousel which is why the background is obscured a little like that. Using multiple images removes that.

We'll discuss it, but in the mean time, just add this to the block's custom CSS under the advanced tab.


  .ipsFigure--contain[style*="--_backdrop"] .ipsFigure__main
  {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

Marc

Invision Community Team

#ehren2.0

Madhouseau

Clients
9 hours ago, Matt said:

I see, it's a single image. I guess we didn't expect for someone to use the images widget to put a single image on top of a background image. It's more geared towards being a carousel which is why the background is obscured a little like that. Using multiple images removes that.

We'll discuss it, but in the mean time, just add this to the block's custom CSS under the advanced tab.

.ipsFigure--contain[style*="--_backdrop"] .ipsFigure__main
  {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

Thank you for the code - I have added it where you said but not change to the image background.

image.png

image.png

Madhouseau

Clients
19 hours ago, Matt said:

I see, it's a single image. I guess we didn't expect for someone to use the images widget to put a single image on top of a background image. It's more geared towards being a carousel which is why the background is obscured a little like that. Using multiple images removes that.

We'll discuss it, but in the mean time, just add this to the block's custom CSS under the advanced tab.

.ipsFigure--contain[style*="--_backdrop"] .ipsFigure__main
  {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }


I'd like to add that the widget is still bugged for multiple images. The bottom widget has Three images uploaded to it - all Three show the grey background to each image.
image.png

Madhouseau

Clients

Have updated to 5.0.3 - can confirm the Images Widget is back to its former glory.

Thank you all

My future dream is being able to upload a .mp4 or other type of video as the background.....
Not a linked youtube video, self hosted video file.

Marc

Invision Community Team
1 hour ago, Madhouseau said:

My future dream is being able to upload a .mp4 or other type of video as the background.....

Mine is to live at the side of my own lake, next to which my 10 supercars are parked. But I guess everyones are different