Test Icon-Box 1

Test 1

This is a test with no icon selection/value. This is the initial state when creating the widget and should behave as if "No Icon" is set. The border around the box should be closed (no gap at the top).

Nulla purus metus, feugiat sit amet maximus ac, elementum at nisi. In hac habitasse platea dictumst. Proin consectetur purus sit amet ante eleifend volutpat et ullamcorper sapien. Aliquam quis mauris eget tortor scelerisque sagittis ac iaculis leo. Pellentesque faucibus at dui non dictum. Morbi ultricies justo ut nunc semper, vitae rhoncus metus gravida. Ut tempor libero faucibus enim luctus vestibulum. Sed vel sem vel ipsum vehicula molestie. Aenean posuere metus vel quam mollis, eget sodales mi hendrerit. Maecenas convallis iaculis mi vel volutpat.

Test 2

This is a test with "No Icon" selected. The border around the box should be closed (no gap at the top).

Nam ut scelerisque erat. Vestibulum tellus leo, mattis nec condimentum ac, sagittis id risus. Nam lorem mauris, sodales vitae eros eget, luctus aliquet risus. Maecenas porta sit amet est ut rutrum. Curabitur fringilla auctor volutpat. Donec nec massa sit amet nibh convallis laoreet. Donec commodo nec eros eget mollis. Curabitur vitae fringilla lorem. Maecenas tempor elit vel ante tristique ultricies. Aenean consectetur ut lorem quis ultrices. Ut commodo imperdiet ante, in aliquet ex. Aenean in dolor gravida, dignissim nisi ut, ultrices eros.

Test 3

This is a test with an icon. It should be displayed in a circle and the border around the icon-box should not pass through the circle.

Phasellus urna tellus, finibus congue fringilla eu, consectetur sed purus. Nulla imperdiet venenatis mi interdum congue. Aenean consectetur pretium mi eu posuere. Praesent sit amet finibus arcu, in consectetur ipsum. Etiam vulputate nisl ornare justo sollicitudin, a sollicitudin dolor feugiat. Sed malesuada, risus nec tincidunt sollicitudin, nulla nunc lacinia sapien, sit amet fermentum turpis purus in nunc. Nam blandit feugiat libero. Aenean sit amet odio nec justo gravida sagittis. Duis maximus nisi et turpis efficitur imperdiet.

Test 4

This is a test with an image selected. The image should be shown at the top inside a circle.

Duis suscipit neque orci, in mattis turpis venenatis in. Etiam commodo eu nulla vitae vehicula. Maecenas fringilla dapibus metus, vel vestibulum justo sodales at. Ut non quam quis quam maximus imperdiet eget nec augue. Aenean ac dolor tortor. Quisque aliquet, est quis iaculis ultrices, dolor erat dictum purus, rutrum tempus est odio non est. Sed luctus imperdiet tellus et sagittis. Nulla mattis porta pellentesque. Duis sed tincidunt quam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur venenatis velit vitae suscipit fringilla.

Test 5

This is a test with both an icon and an image selected. In this case the image should take precedence and no icon should be shown.

Phasellus est ante, malesuada eget libero in, pulvinar porta neque. Nullam sodales orci ut varius laoreet. Mauris non tincidunt enim, molestie pulvinar ipsum. Maecenas facilisis scelerisque ex, eget ultricies metus molestie at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus sed est vel lorem malesuada mollis. Maecenas dignissim lobortis hendrerit. Proin et metus ligula.