wwb17 can will work adjust shape around?

[manuel_songokuh]

hi

i want to ask you for to know wwb17 will can adjust size of shape if screen will change (responsive)?

see example my design web:



see that shape rettangle around central , wwb17 will can shape responsive (adjust automatic like as example vector shape change size if screen will change (mobile, tablet)?

[wwonderfull]

Yes you can resize shapes or images in break points by adjusting its size. Usually you can scale the object in any size in BREAK POINTS of a page, there is an option to scale objects automatically in wwb options. But you have to know what you are doing along with what are the potential settings you need to do for it. You have only showed the desktop vision of what you want but we don't know what is your exact vision for the mobile version. If you can provide another design of the mobile view or a demo project that would have been much helpful.

[manuel_songokuh]

That mean use break point = many png different size? So mean many loadi g png.. Ok..

But I think a shape vector (CSS, svg) will be automatic resize without use break point,, is can will do wwb17 or not? (Only is for to know..)

[Pablo]

If you set the output format of the shape to SVG then the shape is responsive and can have a different size in breakpoints.

[manuel_songokuh]

ok, i i will try output SVG but, i used wwb17 : shape1 with shadow(color white) but add shape2 with shadow( colore black), in same place for result 2 shadow different 2 shadow colors = beautiful effect but in layer is separate so i change job : from inkscape output in png but it is not responsive..

so i need to ask you:

wwb17 has many feature for shape: example
shape+around
shadow1+color
shadow2+color
outline1+gradient+size
outline2+gradient+size
all in one object and output svg?

see example style : lines, outlines, shadow, gradiends various


i know that is a TEXT but i wish same for shape..

[Pablo]

SVG does not support all effects.

For text with effects, you can use 'Text Art'

[manuel_songokuh]

ok... what is limit of svg for wwb17?
i need more information

that for text is not important for this topic..

because i'm interessing for shape...
did you see my concept design?

[Pablo]

You will need a dedicated tool to create a logo like this. For example, Affinity Designer
This is beyond the scope of WWB.

[manuel_songokuh]

sorry, maybe you are nor understand, i want to say that shape style same this:
so i wish convert in wwb17 and Output to SVG...
outlinea or border with gradiend+shadow+solid for shape+round?

can does will do?

[wwonderfull]

sorry, maybe you are nor understand, i want to say that shape style same this:
outlinea or border with gradiend+shadow+solid for shape+round?
can does will do?

Please use google translate to write more grammatically. hard to grasp your writings.

Yes it is possible. You can do it if you can understand how to implement it. Pardons, but the thing you want to do only you know if you can understand how to do it. For us we can do a work around for the same thing you are wanting to do very simply. Hard to imagine what layout you exactly want as the final output.

[Pablo]

I think the effect is your example is an image. it not an HTML effect.

[manuel_songokuh]

wwonderfull:

sorry i learn basic English. i try to use google translation.

yes i want to try to understand how it will works with wwb17 workflow.

pablo: i dont want to use image but i want to try use output svg (vectorial , resize automatic if change screen display)

i will show you an example my case.. a moment

[Pablo]

In that case, you will need a dedicated tool like Affinity Designer.
WWB was not designed for this.

[manuel_songokuh]

http://open.enslazio.it/page5.html

see this is SVG + see many shapes over shapes result good effect

but i did try change resize screen result not reponsive because it used <div>..

but when i move all shapes in layout,will be separate all objects...

here file:
http://open.enslazio.it/SITO-YANA-STUDIO.zip

[Pablo]

Shapes are responsive when you set the output format to SVG.
'Responsive' means:
- the shape can have a different position and size in breakpoints
- in layout grids, the shape can be flexible (full width)

In your example project you are using neither of those so the shape will be fixed.

[manuel_songokuh]

pablo: ok for break point


but not layout grid, see here:
https://sendvid.com/z62sh37c



but shape (output) not work resize if i change screen .. how i configure shape will be resize width connect screen width..?
see here:
https://sendvid.com/dkv64s3c

[manuel_songokuh]

i find in google long time search:

HTML:
<div class="shape shape"></div>

CSS:
.shape {
height: 80%;
width: 80%;
background-color: #0074d9;
border-radius: 80px;
margin-bottom: 30px;
float: left;
margin-right: 20px;
}

.shape {
border-radius: 30px;
}

body, html {
height: 100%;
}

body {
background-color: #001f3f;
display: flex;
justify-content: center;
align-items: center;
}

result it is resize but keep rounded radius

but wwb17 will can does to "SHAPE OF WWB17" ? or it is missing feature?

or other mode:
"border-image-slice" ? this is not good because that is for image.. but i want scalable (svg or css)

help me find the solution ...

[manuel_songokuh]

see here :
https://codepen.io/manuel_songokuh/pen/QWayOmK

try change screen: window of browser or CTRL+SHIFT+M (firefox)

[Pablo]

You will need to set the 'full width' property to 'true'