Let's Reconnect, thank you for making 2022 our best year yet.

Look Back
Resizing a sidepane BUI — Cloud Customer Connect
You're almost there! Please answer a few more questions for access to the Applications content. Complete registration
Interested in joining? Complete your registration by providing Areas of Interest here. Register

Resizing a sidepane BUI

Received Response
31
Views
2
Comments
edited Jun 13, 2022 4:12AM in General Technical Discussions 2 comments

Summary

Resizing a sidepane BUI

Content

Hi I have created a sidepane extension but the content is a little bit larger than the sidepanel.
I can't find a way of setting the sidepanel size.

Can anyone help me out?

Note that I have set the sidepanel to enable resizing bij the user of the addin but I want the size to be already set in the code.

 

Version

20A

Code Snippet

<script>	
		var iconFont = "fas fa-award";
		var createIcon = "font awesome";
		var leftSidePaneURL = "content.html";
		var leftSidePaneLabel = "Example sidepane";

			ORACLE_SERVICE_CLOUD.extension_loader.load("AddinBanana" , "1.0").then(function(sdk) {
				sdk.registerUserInterfaceExtension(function(userInterfaceContext) {

					userInterfaceContext.getLeftSidePaneContext().then(function(leftSidePaneContext) {

						leftSidePaneContext.getSidePane("id").then(function(leftPanelMenu) {
							
							//Set Label and the content URL.
							leftPanelMenu.setContentUrl(leftSidePaneURL);
							leftPanelMenu.setLabel(leftSidePaneLabel);
							
							leftPanelMenu.setResizeEnabled(true);
							
							//Setting to be Visible, with that you will see an award icon on the left side.
							leftPanelMenu.setVisible(true);
							
							// Creating an icon
							var icon = leftPanelMenu.createIcon(createIcon);
							icon.setIconClass(iconFont);
							leftPanelMenu.addIcon(icon);

							//Render the panel
							leftPanelMenu.render();
						});
					});
				});
			});    

	</script>

Howdy, Stranger!

Log In

To view full details, sign in.

Register

Don't have an account? Click here to get started!