Skip to content

Background image position options instead of center #297

Open

Description

@chris480

Explain your use case

There are many cases where 'center center' is not ideal for background positions as defined in the background image directive. https://github.com/cloudinary/cloudinary_angular/blob/master/projects/angular-cld/src/lib/cloudinary-background-image.directive.ts

Describe the problem you’re trying to solve

A way to provide an override without some css !important hack to control image position.

Do you have a proposed solution?

Input param for background position, defaults to center

@Input('clbackgroundposition') background_position = 'center center'; 
...
this.renderer.setStyle(nativeElement, 'background-position', `${background_position}`);

Activity

  1. michalkcloudinay commented on Dec 9, 2020

    @michalkcloudinay

    Hi @chris480, I have submitted a request internally to our product team to see if this can be added.
    We will update you with any new information on this.

  2. michalkcloudinay commented on Oct 14, 2021

    @michalkcloudinay

    Hi @chris480, I just want to update you that we released a new SDK version, which includes an option to pass a position parameter to the background image directive. The default will be center.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions