Popular Articles
Sorry! nothing found for
Posted over 2 years ago by 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 firstnew 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>
<script src='https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js'></script>
<script src='https://cdn.jsdelivr.net/npm/vuetify@2.4.3/dist/vuetify.min.js'></script>---> html example<div id="app">
<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>
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});
});
Balazs Puskas posted over 2 years ago Answer
Login or Sign up to post a comment
People who like this
This post will be deleted permanently. Are you sure?
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>
<script src='https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js'></script>
<script src='https://cdn.jsdelivr.net/npm/vuetify@2.4.3/dist/vuetify.min.js'></script>
---> html example
<div id="app">
<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() });
--> 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>
<script src='https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js'></script>
<script src='https://cdn.jsdelivr.net/npm/vuetify@2.4.3/dist/vuetify.min.js'></script>
---> html example
<div id="app">
<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
Login or Sign up to post a comment