MapThat – HTML Bubble Wrap

By David Crowther

Question:

How can I stop a field name value in my MapThat Bubble from wrapping?

Answer:

If you are creating your MapThat Information Bubbles using some HTML, you can make the bubbles look like the below:

However, in this bubble the field name – Link to Councillor – has been wrapped onto two lines, because the column on the left is not wide enough for the full value.

To resolve this you can update your bubble HTML with 3 extra values that will stretch the columns to the correct length to fit in with the field name.

The 3 changes to the standard Bubble HTML that we provide will be to add the following yellow text:

1 – in the top line  - add - style=”width:100%;” – between “bubblepanel” and ><a href=’javascript

2 – in the table rules line - add – padding – after the white; value

3 – in the table rules line - add - width:100% - after the : 5px; value

Once the bubble HTML has been updated with these 3 changes, the bubble will now show with all field names showing on one line, instead of wrapping onto a second line.