Welcome to the nuBuilder Forums!

Register and log in to access exclusive forums 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: 4292
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 71 times
Been thanked: 444 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: 4292
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 71 times
Been thanked: 444 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: 4292
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 71 times
Been thanked: 444 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: 4292
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 71 times
Been thanked: 444 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