Event Listing Widget too wide

[Boconnell]

Hi,

The iframe code for Event Listing Page that I insert in my website is way too wide. How can I resize it so that people don't have to scroll first down, then sideways?


Sorry, I can't figure out how to show the above image at its actual size.

[CnP.Support]

Good day!

No problem - it is easy.

The iframe code is designed to be responsive so if you place it in a table cell of the right size it will adjust.

If you wish to hard code the width simply change the width to number of pixels you wish it to be. See below:

<iframe src="https://clickandpledgedemo.secure.force.com/Events2/CnP_PaaS_EVT__ExternalRegistrationPage?event_id=a0ii0000005SMBS" align="top" height="900" width="960" frameborder="0"></iframe>

The width tag is 960 so you may change it to 500px or any number you want.

As a reference IFRAME tag has many attributes that you may use. Here is a reference: http://www.w3schools.com/tags/tag_iframe.asp

I hope that answers your question. Let us know if we can be of more help.

[Boconnell]

I have already tried changing those parameters in the iframe code, however the problem is the width of the event listing widget, not the entire event listing page. How can I change the width of "<@Eventlists>"?

Thank you

[CnP.Support]

Good day!

Simply add a table cell and adjust the width. As stated before the widget is responsive.

I created a sample for your review. If you login to your account and check the site that I created for you.

Here is a link: https://qsac.secure.force.com/events...0000000Fb9wMAC

This is not active but I created it so you can see what I mean.

Is this what you want to do?