Diese Seite mit anderen teilen ...

Informationen zum Thema:
Forum:
WinDev Forum
Beiträge im Thema:
12
Erster Beitrag:
vor 6 Monaten, 3 Wochen
Letzter Beitrag:
vor 6 Monaten, 2 Wochen
Beteiligte Autoren:
John Fligg, Piet van Zanten, Geoff B, DerekT, DarrenF, Luis Antonio Gutiérrez Flores

Round Images

Startbeitrag von John Fligg am 27.10.2017 08:45

Using WebDev 21.

I am sure I saw you could use round images in WB21 but cannot see how to do it. There is nothing in Help that I can find.

Can someone please guide me.

Many thanks.

Antworten:

BTW when I say "round" I really mean "circular". They are shown when installing WB21 and also in the marketing material.

von John Fligg - am 27.10.2017 09:43
Hi John,

I don't think it's too special. As far as I know, you still use the image control, but there's a "Round" option.

Try this Help page - it mentions Round images:
https://help.windev.com/en-US/?1013218

von DarrenF - am 27.10.2017 10:44
Thx but I believe those are rounded corners which I use all the time. I am meaning a circle with an image in.

I cannot find my Wx21 pdf but I remember seeing these in there.

John

von John Fligg - am 27.10.2017 12:25
Cannot speak for WB but in WD it is a selection available in the Style tab of the control under 'Outside Border' > Border

For buttons there is a select of 'circle'
For images a selection of either 'circle' or 'custom'

I'm looking at v22 but I am sure it was available in v21 also.

Maybe this did not make it to WB

von DerekT - am 27.10.2017 12:34
Ah hah. Thanks. Probably is just WD. Will check it out.

von John Fligg - am 27.10.2017 12:38
Confirmed. WD and WM only. Not WB. Annoying but at least I know I hadn't gone mad and seen it somewhere. Thx for the replies all the same.

von John Fligg - am 27.10.2017 13:41
You can add bootstrap and jquery to your page in the references of the advanced tab, and then in the image control, go to advanced and in the class add img-circle

von Luis Antonio Gutiérrez Flores - am 27.10.2017 14:33
Can't you just apply a css class to the image?

https://www.abeautifulsite.net/how-to-make-rounded-images-with-css

von Geoff B - am 02.11.2017 00:04
Hi John,

Why don't you use a png image, which supports transparency?
Just make it round in your image editor.
The rounded corners in Webdev create a huge margin.

Kind regards,
Piet

von Piet van Zanten - am 02.11.2017 23:35
Well I had thought about that. I created an image in Photoshop on a transparent background. But when I added it to my page it showed the transparent area (check marks).

I have never seen that before so am investigating it. But adding it to WD or WM window it works perfectly.

von John Fligg - am 03.11.2017 08:39
Hi John,

Make sure that the background and borders style of the image control is undefined.

Kind regards,
Piet

von Piet van Zanten - am 03.11.2017 08:54
Zur Information:
MySnip.de hat keinen Einfluss auf die Inhalte der Beiträge. Bitte kontaktieren Sie den Administrator des Forums bei Problemen oder Löschforderungen über die Kontaktseite.
Falls die Kontaktaufnahme mit dem Administrator des Forums fehlschlägt, kontaktieren Sie uns bitte über die in unserem Impressum angegebenen Daten.