Homes and Occasions Velo Panel Perplexed Out: To find Solutions to Your Questions

Velo by Wix iandroid.eu profile picture

@veloVelo by way of Wix

Velo is a full-stack construction platform that empowers you to hastily construct, set up and deploy skilled internet apps.

See what the Homes and Occasions panel seems like right here

The Homes and Occasions panel permits you to paintings with the weather for your
web site with Velo. You’ll use Velo with all of the components for your web site,
together with the web page itself, the header and footer, and (*8*)datasets.

The Homes and Occasions panel opens routinely whilst you activate Dev Mode and adjustments its contents relying at the part you choose. You’ll shut and open the panel with the Homes and Occasions button within the toolbar.

Complex details about including parties on your components

While you upload an tournament handler to a component the use of the Homes and Occasions panel, Velo registers and wires a statically sure tournament handler on your part. You’ll additionally manually upload dynamic tournament handlers on your components. Those handlers will also be seen within the autocomplete values for the weather that experience them. While you upload a dynamic tournament handler to a component, it’s not displayed within the checklist of parties for that part within the Homes and Occasions panel.

See the Velo API for more info.

Be aware:

The homes beneath aren’t to be had for all components.

Belongings: ID

Description:

That is the identify of the part you decided on for your web page. The primary time you open the Homes and Occasions panel for a component, Velo assigns a default identify on your part. If you’re going to be writing code for a given part, it is strongly recommended that you just rename the part to one thing significant.

The part ID is used to spot the part for your code so you’ll be able to
make a selection it. For instance, to paintings with a component named myButton, you
would write $w(“#myButton”) for your code. You’ll be told extra about
coding with Velo right here.

Be aware that you’ll be able to additionally see a component’s ID by way of soaring over it or settling on it within the Editor.

Belongings: Hidden 

Description:

You could have a component for your web site that you do not want your guests to look till they’ve finished some motion. For those who permit this checkbox, the part would possibly not be displayed when your web page so much. You’ll then use code to show it. Whilst Hidden components aren’t visual to web site guests, they nonetheless soak up house for your web page.

Parts which can be marked as Hidden seem light within the Editor till they’re decided on. If you wish to cover them within the Editor, deselect the Hidden Parts checkbox within the Gear menu. 

Be aware that whether or not a component is hidden will also be suffering from different components like if its dad or mum part is hidden or collapsed. Be informed extra right here.

Belongings: Collapsed

Description:

A collapsed part isn’t displayed for your web page and does no longer soak up any house at the web page. For those who permit this checkbox, you’ll be able to use code to make bigger the part when you select. Relying at the structure of your web page, increasing and collapsing components may cause different components to shift up or down the web page.

Parts which can be marked as Collapsed seem with diagonal hatching traces within the Editor till they’re decided on.

Be aware that whether or not a component is collapsed will also be suffering from different components like if it is dad or mum part is hidden or collapsed. Be informed extra right here.

Belongings: Enabled

Description:

Some components, like buttons, will also be enabled or disabled. You could have a component for your web site that you do not want guests so that you can engage with immediately. For those who deselect this checkbox, the part can be disabled when the web page so much. You’ll then use some code to permit it if you find yourself able.

Parts that aren’t marked Enabled seem disabled within the Editor.

Belongings: Occasions

Description:

Click on the development that you need so as to add an tournament handler on your part. The serve as for the development handler is added on your web page. That is the serve as that runs when the development occurs on your part.

It is very important upload code to the serve as to inform your web site what must
occur when the development happens. You’ll see an instance of operating with
parties right here.

Any tournament handlers you’ve got already added on your part are displayed
right here. If you choose an current tournament, the cursor is positioned on the code for that tournament handler within the code panel.

While you click on the trash icon subsequent to an tournament handler, you ruin the
connection between the part and its tournament handler serve as. The
serve as and its code stay for your web site in case you wish to have them. You’ll be told extra about deleting tournament handlers right here.

Be aware: Match code that you just upload on your web site the use of the Homes and Occasions
panel is not going to paintings if you happen to replica/paste it to every other web page or web site, although you replica the related part.

Tip:

You’ll see an instance of operating with the Homes and Occasions panel (*5*)right here.

Prior to now revealed at (*6*)https://enhance.wix.com/en/article/velo-working-with-the-properties-events-panel

Tags

Sign up for Hacker Midday

Create your loose account to liberate your customized studying revel in.