If I have a table or image at the very top of a help topic, on smaller screens the side menu pushes it down the page.
This means I end up with a help topic title, a large blank space, then the image or table will show up. How can I fix this?
I can't put images in thumbnails because I'm using the Salesforce integration, but this would not have helped with the same issue occurring with tables.
Top Nav Output: Tables & images "wrapping" with side menus
-
- Jr. Propeller Head
- Posts: 8
- Joined: Mon Jan 27, 2014 10:30 am
Re: Top Nav Output: Tables & images "wrapping" with side men
Perhaps the table width is set to 100%, either in the table style or manually on the table?
-
- Jr. Propeller Head
- Posts: 8
- Joined: Mon Jan 27, 2014 10:30 am
Re: Top Nav Output: Tables & images "wrapping" with side men
Maybe, but changing the table skin would not help with the same issue occurring with images. I need the table or image to resize in response to the side menu, and I'm not sure where that setting lives or if it's available.
Re: Top Nav Output: Tables & images "wrapping" with side men
Ah, images. That'll prevent the table resizing even if you remove the table width setting. Sorry I don't have any ideas for making the images resize.
Re: Top Nav Output: Tables & images "wrapping" with side men
Actually maybe I do?
What happens if you make sure there's no width on the table (either inline or in the style), and you set a max-width: 100% on the images in the table?
What happens if you make sure there's no width on the table (either inline or in the style), and you set a max-width: 100% on the images in the table?
Re: Top Nav Output: Tables & images "wrapping" with side men
I'm having exactly the same problem. I want the table width to dynamically adjust to the right-side menu, only it doesn't - the table is pushed downwards beneath the menu.Psider wrote:Actually maybe I do?
What happens if you make sure there's no width on the table (either inline or in the style), and you set a max-width: 100% on the images in the table?
I'm using a TableStyle and neither the width nor the max-width are set within the style. However, in the topic, I had the following:
<table style="width: 100%;mc-table-style: url('../../TableStyles/AlternateRowColor.css') - this is because in the PDF, I want this table at 100% width.
So I used Psider's suggestion and changed it to the following:
<table style="max-width: 100%;mc-table-style: url('../../TableStyles/AlternateRowColor.css')
Works for both PDF (table remains at 100% width) and screen (now adjusts for the side menu).
Thank you, Psider!
Edit: After rolling this solution out to all the tables in my document, I discovered the following:
If you have set an internal column-width to a particular size (either px or percentage) the max-width doesn't work.
If you have very little content inside a table, the table will not stretch to 100% in the PDF. In this instance, I set the width and not the max-width so that my PDF looked ok, but the online help pushes the table under the side navigation menu. As this only occurred once, I decided that I could live with that.
Re: Top Nav Output: Tables & images "wrapping" with side men
Hello.
Is there a way to fix this issue even when columns are set to a certain width? I am seeing this as well, but all of my tables have columns with a set width, so setting the tables to a max-width of 100% doesn't have an effect.
Is there a way to fix this issue even when columns are set to a certain width? I am seeing this as well, but all of my tables have columns with a set width, so setting the tables to a max-width of 100% doesn't have an effect.