Welcome to the nuBuilder Forums!

Join our community by registering and logging in.
As a member, you'll get access to exclusive forums, resources, and content available only to registered users.

Graphical objets on the form

Questions related to using nuBuilder Forte.
Post Reply
hame
Posts: 10
Joined: Fri Oct 28, 2022 2:43 pm
Has thanked: 4 times

Graphical objets on the form

Unread post by hame »

Hi, Kev1n,

is it possible to place some graphical objets on the form e.g. coloured squares, lines, ... to make it structured more clearly ?
THX !!

Harald
kev1n
nuBuilder Team
Posts: 4565
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 76 times
Been thanked: 529 times
Contact:

Re: Graphical objets on the form

Unread post by kev1n »

Hi Harald

Use an HTML object to place any html code in it:

https://www.w3schools.com/howto/howto_css_shapes.asp
hame
Posts: 10
Joined: Fri Oct 28, 2022 2:43 pm
Has thanked: 4 times

Re: Graphical objets on the form

Unread post by hame »

Hi Kev1n,

I'll give it a try :-) Are there plans for visual editing of such objects ?

THX again!
kev1n
nuBuilder Team
Posts: 4565
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 76 times
Been thanked: 529 times
Contact:

Re: Graphical objets on the form

Unread post by kev1n »

No, there aren't any plans. You can always resort to other tools like Clip Path Generator
and then use the generated css like the following example:

Code: Select all

<style>
.rectangle {
  clip-path: polygon(10% 10%, 90% 10%, 90% 90%, 10% 90%);
  background-color: #477beb;
  height:450px;
  width:250px;
}
</style>

<div class="rectangle">

</div>
hame
Posts: 10
Joined: Fri Oct 28, 2022 2:43 pm
Has thanked: 4 times

Re: Graphical objets on the form

Unread post by hame »

Hi Kev1n,
thanks. Where do I insert the css code/html code in the form ? I tried the user defindet css in the form properties, but nothing happened :-(
kev1n
nuBuilder Team
Posts: 4565
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 76 times
Been thanked: 529 times
Contact:

Re: Graphical objets on the form

Unread post by kev1n »

kev1n wrote: Tue Nov 15, 2022 1:03 pm Hi Harald

Use an HTML object to place any html code in it:

https://www.w3schools.com/howto/howto_css_shapes.asp
Create a new object of type HTML .
hame
Posts: 10
Joined: Fri Oct 28, 2022 2:43 pm
Has thanked: 4 times

Re: Graphical objets on the form

Unread post by hame »

Dear Kev1n,
I managed it. I gave those objects the same size than in the code and so a nearly WISIWYG editing is possible :-).
If I want the labels of the objects ABOVE and not left of the data, how can I manage that ?
THX again
Harald
kev1n
nuBuilder Team
Posts: 4565
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 76 times
Been thanked: 529 times
Contact:

Re: Graphical objets on the form

Unread post by kev1n »

In the form's Custom Code, call

Code: Select all

nuLabelOnTop()
Post Reply