Git Product home page Git Product logo

powerbi-visuals-cardbrowser's Introduction

Node.js CI

Card Browser

Browse documents using double-sided cards, and click to view in place.

Card Browser is a document set viewer featuring flippable, double-sided cards for natural navigation of media collections.

The Preview face of each card renders the headline image, title, and origin of the story with a text sample, enabling rapid discovery of documents of interest. Flipping the cards reveals the MetaData face, which lists document properties. Clicking on a card expands it in place for detailed reading.

Alt text

Alt text

Contributing

This project welcomes contributions and suggestions. Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit https://cla.microsoft.com.

When you submit a pull request, a CLA-bot will automatically determine whether you need to provide a CLA and decorate the PR appropriately (e.g., label, comment). Simply follow the instructions provided by the bot. You will only need to do this once across all repos using our CLA.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.

Debugging

Building

  • Run yarn run package to package the visual.
  • .pbiviz file will be generated in the dist folder

Testing

  • Run yarn test

powerbi-visuals-cardbrowser's People

Contributors

darthtrevino avatar dependabot[bot] avatar jryu01 avatar microsoft-github-policy-service[bot] avatar microsoftopensource avatar msftgits avatar psmacmur avatar stopyoukid avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

powerbi-visuals-cardbrowser's Issues

Change caption for URLs

Dear developers,

this is the first time I'm using GitHub and I would make a proposal related to the Card Browser that would make this great visual even more helpful for me.

Currently the URL text that is shown in the Card Browser is extracted from the URL provided in without the possibility to change it. As I am providing links to several dashboards within our organization, the links is always shown as app.powerbi.com no matter where I'm linking to.

It would be a great feature to be able to change this. Do you see any chance for this feature to be implemented?

Many thanks in advance.

Regards
Andy

Image reflection in the reader mode looks odd

I utilize the CardBrowser to display the services offered to business owners by development actors. For each entity, I incorporated logos as images on the cards. However, the reflection caused the logos to appear distorted, leading to disapproval of the dashboard by the entities because it violated their visibility guidelines for logo usage.

Can the reflection effect be removed?

image

Can't add column to "Meta Data Fields"

When I connect pBI in mode "Live connection". The Meta Data Fields can not add any column data.
It's still work well when I connect with data in excel file.

Formatting

The Badge on top right, which is a RAG indicator is too small. I tried to put image of traffic light on that and it became almost invisible. How can we increase its size.

Can't display images in base64 format

Hi,

Is there any chance you could make the visual work for image URLs with data in base64 format? As of now I can only insert images that have a web URL..
If we could get this feature it would truly help me out a lot!

BR
Jennifer

Action Field

Can we get an action field like on buttons where we can tell it what to do when we click for example follow a url instead of opening the card?

Formatting_2

The text down below which shows date and percentage is of default size. I cannot increase or decrease. How can we increase the size.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.