Widget Display: Topic content does not fill in the container when the width is fluid

[LHHuy]

Hello Everyone,

I want to have the topic content to fill in the gaps on Employee Center. It looks correct on the edit page, but even when i change the width in the container to Fluid, the widget still has a large gap when i see it in Preview or in the portal itself.

Can we update the widget width to actually fill out the container as in the Edit Page?
Thank you.

[Dan O Connor]

@LHHuy Not sure I follow. Do you want 'Support Resources' to fill up the entire space? 

The position of the widget in the second screenshot looks good to me from a design perspective. If you want to make it much bigger, you need to look back into your first screenshot. You have row and columns in the layout that are going to influence how the widget responds and sizes itself.

If you want to have a single widget be the entire page (possibly not advised) you need to amend the layout of the page. Remove all existing containers, and add a single new one, that is a single row/column. You will see these options when you look on the left hand side to drag containers. 

Also make sure you are using Topic Templates for this. Topic Templates allows you to create your own Topic layouts in a structured and safe way within the platform. You don't want to overwrite or change the OOTB templates, but you can happily make your own 🙂 

Let me know if this makes sense, if not can show some screenshots. It's possible you might need to also add some CSS into the Instance of the widget to really fine tune the sizing and position. 

[LHHuy]

Hi Dan, basically yes, I want to utilize all the space we have in the portal. But even when i update the width to fluid, the widget still does not fill out the space as in the edit mode. For now, my temporary solution was changing the CSS of the page to update the width. I wonder if this is intended or my misconfiguration and there is a place for it somewhere.

[MANASWINI3]

Hello LHHuy,

Did you achieve showing data on Employee Center. Where I am trying to achieve similar requirement but, I don't see the catalogs/articles on the page.

If anyone worked on such requirement, please provide what could be the reason for this.

Thanks in advance.

[LHHuy]

Hi @MANASWINI3 ,

Yes, we can have it, however, it is not though configuration, I have fixed it in page's CSS with widget Editor.
Just add the width % as your requirement to the widget page, in my case, the container with 98% and it fit perfectly.

Hope it can help.