Some new suggestions

#1 · May 29, 2021, 6:12 pm

As my new experiences to use VisualNEO Web, I have noticed some new suggestions:

1-In VisualNEO Web, if we put the width of any element by putting percentage, then if we change the height of element by dragging, VisualNEO Web will automatically change percentage unit of width to pixel unit, it is so bad!

2-If we use the Slider element from a menu and change the kind of slider to default, after saving the app, and opening it again we can see the kind changed to custom automatically. it is a bug.

3-The CSS var function works only in runtime (in browser), If it works inside the VisualNEO Web it will be much better.

:root {
  --blue: #1e90ff;
  --white: #ffffff; 
}

#Container1{
  background:var(--blue);
}

4-Some useful CSS tricks work with padding- percentage but we can not use percentage unit for padding in VisualNEO Web

.container {
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

5-In responsive design, we usually need to use the CSS calc function but currently, we can use it directly in VisualNEO Web.

#Container1{
  width: calc(100% - 100px);
}

6-In new projects we usually copy/past some subroutines from old projects, currently copy/paste is a little wasted time.

If we can copy/paste a subroutine with( name, parameters, and value). it will be much appreciatable.

#2 · May 29, 2021, 9:35 pm

Hi @asmat,

Most of the problems are due to Internet Explorer as it's the browser showing the content at design time.
Anyway I think we can find a good polifyll and load it at VisualNEO Web start-up only for design time.

But I'm going to show you a very powerfull trick regarding CSS variables. You can do this as far as you embed your styles within the HTML code (in any Container for example):

<style>
#Container1{
   background:rgb([colorRed],[colorGreen],[colorBlue]);
}
</style>

Please take a look at the attached sample app.

There are many advanced tricks in VisualNEO Web. For example to copy and paste all the subroutines from one project to another:

Open the source project
Go to Tools > Source File Editor
Look for this code: <FunctionList name="Subroutines">
Select and copy the code block
Open the destination project
Go to Tools > Source File Editor
Paste the code at the same place, save an reload.

I hope it helps :)

Uploaded files:

You need to login to have access to uploads.

Vadim, farhad2008 and asmat have reacted to this post.

#3 · May 30, 2021, 1:35 am

Thank you so much @luishp very beautiful tricks.

luishp has reacted to this post.

Some new suggestions - Forum

Some new suggestions