Top of page

Front End Issues

Tags: Townhall event

Issues listed below:

Issue #1 - <ul> and <ol> not showing

Issue #2
- Images added into the Content field are forced/stretched to 500px height. 
- See examples down the page.
- Remove any forced image height and any other fixed sizing for images added in this Content field.

Issue #3
- Missing link colour in article content.
- For <article>
- Use the colour theme-green-secondary (#2a7b20)
- This is a hyperlink for testing.

Issue #4
- Recommend reading in the sidebar is missing style (In Sitefinity, the field is called 'Related data')
- Use the default body/font colour for the link (#) on both article's date and title/heading.
- Remove text-decoration from the date. 
- Fix padding/margin so space before and after border-bottom is the same.
- See mockup image in Issue #5 

Issue #5 - Documents not showing up (in Sitefinity, the field is Related media > Related documents)
- To show in the sidebar, under Recommender reading
- Use same style as the widget 'Navigation card' > Grey
- PDF opens in a new window
- See mockup below: 


Issue #6
- Video embed: edits not saving. I'm trying to add a <div> to make the video responsive, and also align the video to centre, but when I save, it does not keep my edits.

<div class="iframe-responsive" style="text-align: center;">
<iframe ......></iframe>

</div>

 

EXAMPLES FOR TESTING

 

 

Issue #1 - <ul><ol><li>


1.1 Numeric list not showing

This is a numeric bullet list:

  1. Live with a disability
  2. Have neurological deficits
  3. Require pain management support
  4. Experience joint problems (such as arthritic joints)
  5. Are preparing for surgery
  6. Need post-operative rehabilitation

1.2 Bullet list not showing

This is a simple bullet list:

 


Issue #2 - Image sizing issue

 

Images added into the Content field are forced/stretched to 500px height.

Please remove any forced sizing for images in News.

 

Example 1 - When selecting 'Original Image Size'

It stretches the entire image (it keeps image ratio).
In this example, the original height is 300px.

Jade, from Safe Space (LGBTIQAP+) Gold Coast

 

Example 2 - When selecting 'Custom Image Size 204x300'

It stretches only the height to 500px.
However, it keeps the original width (204px). cropping the image.

Jade, from Safe Space (LGBTIQAP+) Gold Coast

 

Example 3 - Another image with original size is 600x300px
It stretches the image and affects image resolution. 

Two retirees exercising in gym

 

Example 4 - resizing image to 200x141px, aligned right:

Living room of a 1 bed retirement village at Sinnamon Park, Brisbane SouthIf you don’t qualify for the government-funded options above (or you need support before your HCP comes through), you can consider paying for home care services privately. These services are not subsidised, so you will pay the full cost. If you don’t qualify for the government-funded options above (or you need support before your HCP comes through), you can consider paying for home care services privately. These services are not subsidised, so you will pay the full cost. If you don’t qualify for the government-funded options above (or you need support before your HCP comes through), you can consider paying for home care services privately. These services are not subsidised, so you will pay the full cost.

Example 5 - image 500px height, cropped out important part of the image

 



 

Issue #6 - Video embed