Forum Discussion

Anonymous's avatar
Anonymous
Not applicable
6 years ago

PowerBI Embedded - how to customize menu operation/context and custom layout

I have integrated powerbi-embedded with Angular 9 web app also add code for custom layut but it's not working.
I want to customize operations menu /context and custom layout
Configuration object - 

 

 

const config: any = {
  type: 'report',
  uniqueId: 'report-id',
  permissions: this.model.Permissions.All,
  embedUrl: 'embed-url',
  accessToken: 'access-token',
  settings: {
		layoutType: this.models.LayoutType.Custom,
		customLayout: {
			pageSize: {
				type: this.models.PageSizeType.Custom,
				width: 1600,
				height: 1200
			},
			displayOption: this.models.DisplayOption.ActualSize,
			pagesLayout: {
				"MyReportSection007" : {
					defaultLayout: {
						displayState: {
							mode: this.models.VisualContainerDisplayMode.Hidden
						}
					},
					visualsLayout: {
						"VisualContainer1": {
							x: 1,
							y: 1,
							z: 1,
							width: 400,
							height: 300,
							displayState: {
								mode: this.models.VisualContainerDisplayMode.Visible
							}
						},
						"VisualContainer2": {
							displayState: {
								mode: this.models.VisualContainerDisplayMode.Visible
							}
						},
					}
				}
			}
		}
	}

}; 

 

 

Above confignot workingany idea how can i achived customization in menu operation and layout.
I'm following below docs - 

 

No Replies