Is It Possible to Use a Custom Shape with The Shape Widget

visioncraft
visioncraft Member Posts: 162 Learner

The 20 shapes available by default within the Shape Widget are great, but obviously very limiting. Is there a way for us to 'tweak' the existing shapes in any way beyond scaling - eg., to flip or rotate them? Better still, is there a way to use our own, custom shapes?

If not, has anyone found a workaround? I have a couple of projects that need very specific shapes used as image masks…

Tagged:

Answers

  • ScottyStrehlow
    ScottyStrehlow Member Posts: 360 Duda Staff

    @Shane_Hodge - I'm tagging you in here, has your team had success with this?

  • Shane_Hodge
    Shane_Hodge Member Posts: 123 MVP

    Hey @ScottyStrehlow yes we use it but we also have our own widget that gives us a few more and makes us smile.

  • visioncraft
    visioncraft Member Posts: 162 Learner

    @Shane_Hodge I thought that developing our own widget might be the only way to go here. Would you be able to share in general terms how your widget is built? For example, did you do it using SVG masks, or did you do it using 2 layered images on top of each other, or some other technique?… Would love to be guided by your experience.

  • Shane_Hodge
    Shane_Hodge Member Posts: 123 MVP

    Hey @visioncraft Im just a humble CEO/Marketer lol the dev team are the magicians I will ask them and reply.

  • zeal
    zeal Member Posts: 2

    @visioncraft I also want to add image to a custom shape created by me. Could you send me the process to add it.

  • zeal
    zeal Member Posts: 2

    @

  • visioncraft
    visioncraft Member Posts: 162 Learner

    @zeal we have been using several workarounds, depending on our requirements. Eventually, we might just bite the bullet and create a custom widget, but we haven't done that yet. Some of the simple workarounds we're using are, for example:

    • if we want to display pictures inside a custom frame shape, we will often simply place that frame shape ON TOP of the picture.
    • if we want to have a custom-shaped button, we might simply use an image element: the latest updates to Duda now allow us to specify a different image to be used on 'hover', so it makes it more workable as a button.

    I hope this helps!