card-display-content-hoverable
Reactive icon

Card Display Content Hoverable

Stable version 1.0.3 (Compatible with OutSystems 11)
Published on 11 August 2021 by 
5.0
 (2 ratings)
card-display-content-hoverable

Card Display Content Hoverable

Compatible with:
Created on OutSystems 11

Version 1.0.3

Stable
Current
Application Package
Published on 11 August 2021 by Márcio Carvalho
Compatible with:
Version 11
11.12.0 or higher
Database:
All
What's new

On the Placeholder Title, now, it has full width. There is also a calculation that makes the width be relative to the spacing that is given to the content(floating content). In this case, if the content as a space(padding) of 24px. The placeholder title will have a width of 100% minus that spacing. This way everything will be symmetrical

Version 1.0.2

Stable
Application Package
Published on 10 August 2021 by Márcio Carvalho
Compatible with:
Version 11
11.12.0 or higher
Database:
All
What's new

New updates:

  • ExtendedClass on the component;
  • The ability to choose the max height of the hidden content;
  • The ability to choose the brightness of the background image;

Version 1.0.1

Stable
Application Package
Published on 03 August 2021 by Márcio Carvalho
Compatible with:
Version 11
11.12.0 or higher
Database:
All
What's new

In this new version, it is possible to add space to the hidden content. Where Users can choose whatever space has the content.

Also, now the height is relative to the content inside, so a Javascript on Hover will take the height and add it to the top property to make it appear on mouseover. If the height of the hidden/floating content is bigger than half of the parent container, the top property will take half of the parent container's height.

Silk UI Framework Simulation Device
Resize the window to preview the page in target devices.
Open the settings to change the simulation device options.