내장 된 PowerBI 대시 보드는 어떻게 스타일링합니까?

PowerBi 대시 보드를 웹 페이지에 임베드 할 수있었습니다.내장 된 PowerBI 대시 보드는 어떻게 스타일링합니까?

불행히도, 그것은 끔찍한 것처럼 보입니다. 예를 들어 패딩은 어리 석다. 제목이 왼쪽 상단 모서리에 붙어있어서 제거하고 싶습니다. 모든 콘텐츠가 iFrame에로드됩니다. 높이와 너비를 설정하지 않으면 대시 보드가 보이지 않고 반응하지 않습니다 (창 크기 조정 측면에서). 아무것도 중심에 있지 않습니다 ...

나는 CSS를 무시하려고했습니다. 예를 들어, 머리글에 제목을 제거하기 위해 display: none !important; 속성을 설정하려고 시도했지만 효과가 없습니다. 웹 페이지의 색상과 일치하도록 회색에서 iFrame의 배경색을 변경해 보았지만 그래도 작동하지 않았습니다.

내 PowerBI 대시 보드를 어떻게 스타일링하고 iFrame없이 임베드 할 수 있는지 아는 사람이 있습니까?

출처

2017-11-07 pookie

지금까지 내가 아는 한, PowerBI에서 IFrame없이 웹 페이지에 아무것도 삽입 할 수 없습니다.

정말 대시 보드가 필요합니까? 보고서가이를 수행 할 수 있습니까? 적어도 원하는대로 구성 요소를 배치 할 수 있습니다.

출처

2017-11-15 17:12:12 Gigga

이 : 나는에 있었다 div에 무엇을 발견했을 때

나는 제목의 위치를 숨기고 변경 할 수 있었다 CSS 또는 요소의 위치를 제어 할 수 없습니다. 나는 여러 개의 iframe을 가지고 있기 때문에 각 요소를 별도로 임베드하지 않아도되고 싶지 않습니까? – pookie

네 말이 맞아, 예쁜 아니지만 작동합니다. 모든 영상을 한 페이지에 모아서 하나의 보고서 만 삽입 할 수는 없습니까? – Gigga

내 모든 비주얼은 1 개의 리포트에 포함되어 있지만 패딩, 여백, 글꼴 등을 제어하고 싶습니다. IFrame에있을 때 제한은 교차 도메인 원점 정책입니다. – pookie

나는 동일한 문제가있었습니다. 나는 CSS를 사용하여 보고서와 대시 보드 모두에서 iFrame을 다시 스타일링했습니다.

각도 프로젝트를 사용하여 CSS를 Iframe을 표시하는 구성 요소에 추가했습니다.

border-width: 0; //Removes Iframe horrible border

또한 높이, 너비 및 위치를 조정합니다.

CSS를 변경할 요소를 찾으려면 Chrome의 inspect 요소를 사용하고 각 요소에서 일부 CSS를 변경하여 테스트하십시오.

그래, 내가 보고서 대신 포함하지만, iframe을 끔찍한입니다 ... 내가

visibility: hidden; //true to show 
text-align: centre; //left or right

출처

2017-11-22 23:55:31 JP4

내장 된 PowerBI 대시 보드는 어떻게 스타일링합니까?

답변

관련 문제