write here a useful snippet of code - jquery only for beginner

Posted over 2 years ago by Balazs Puskas

Post a topic

Answered

Balazs Puskas

useful little detail in jquery

(yourDesigner = change this)

--> .js file

//text change button

$('#textchange').click(function(){

yourDesigner.setElementParameters ({text: "change text here"}, "object title here");

return false;

});

--> html file:
<a href="#" id="textchange" class="fpd-btn">Change it!</a>

write here a useful snippet of code - jquery only

0 Votes

Balazs Puskas posted over 2 years ago Best Answer

Vuetify + Fancy Product Designer - at once

---> .js script first

new Vue({

el: '#app',

vuetify: new Vuetify() });

--> html Head

<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/vuetify@2.4.3/dist/vuetify.min.css'>

---> html Body

<script src='https://cdn.jsdelivr.net/npm/babel-polyfill/dist/polyfill.min.js'></script>

<v-app id="inspire">

<div>

<v-alert

border="top"

color="red lighten-2"

dark

I'm an alert with a top border and red color

</v-alert>

</div>

</v-app>

</div>

0 Votes

2 Comments

Balazs Puskas posted over 2 years ago

Add element
(yourDesigner and icon.png = change this)

---> .js script

$('#new1').click(function(){

yourDesigner.addElement('image', 'icon.png', 'Image Title', {autoCenter: true, draggable: true});

return false;

});

0 Votes

Balazs Puskas posted over 2 years ago Answer

Vuetify + Fancy Product Designer - at once

---> .js script first

new Vue({

el: '#app',

vuetify: new Vuetify() });

<v-app id="inspire">

<div>

<v-alert

border="top"

color="red lighten-2"

dark

I'm an alert with a top border and red color

</v-alert>

</div>

</v-app>

</div>

0 Votes