{"id":145,"date":"2018-01-19T22:31:32","date_gmt":"2018-01-19T22:31:32","guid":{"rendered":"http:\/\/servoycomponents.dreamhosters.com\/?p=145"},"modified":"2021-04-16T19:19:05","modified_gmt":"2021-04-16T19:19:05","slug":"web-components","status":"publish","type":"post","link":"https:\/\/servoycomponents.com\/components\/web-components","title":{"rendered":"Servoy Web Components"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]<\/p>\n<h3>Installation<\/h3>\n<p>To install these components, open the Web Package Manager in your Servoy developer. In the upper right, click on &#8220;Servoy Default&#8221; and choose &#8220;Add ..&#8221;. Enter &#8220;Servoy Components&#8221; for the name, and &#8220;https:\/\/servoycomponents.com\/wpm&#8221; for the URL. Click Add. You can now install the components and services listed below. You can also toggle between different WPM locations by choosing from the drop-down in the upper right and you can go back to Servoy Default components.<\/p>\n<h3>License<\/h3>\n<p>All source code in the repository and installed components are licensed under a dual license. To use these components and services in your commercial or corporate internal projects, please contact\u00a0<a href=\"mailto:sales@itechpros.com\">sales@itechpros.com<\/a>\u00a0for licensing costs and information.<\/p>\n<ul>\n<li>For non-commercial and open public uses: Open Software License 3.0 (<a href=\"https:\/\/opensource.org\/licenses\/OSL-3.0\" rel=\"nofollow\">https:\/\/opensource.org\/licenses\/OSL-3.0<\/a>)<\/li>\n<li>For commercial or non-public \/ in-house uses: contact\u00a0<a href=\"mailto:sales@itechpros.com\">sales@itechpros.com<\/a>\u00a0for licensing costs and information<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_cta h2=&#8221;&#8221; h4=&#8221;Want access to all components for one price?&#8221; style=&#8221;outline&#8221; color=&#8221;sandy-brown&#8221; add_button=&#8221;right&#8221; btn_title=&#8221;More Info&#8221; btn_color=&#8221;warning&#8221; css_animation=&#8221;bounceInRight&#8221; btn_link=&#8221;url:http%3A%2F%2Fservoycomponents.com%2Fall-products-pack|title:All%20Products%20Pack||&#8221;]Check our our All Products Pack!\u00a0 This bundle includes access to all of our plugins, beans, drivers, and ngComponents! For one low price, have access to everything. This includes any future components we release.[\/vc_cta][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text][vc_text_separator title=\"NG Components\" i_icon_fontawesome=\"fa fa-object-group\" i_color=\"custom\" add_icon=\"true\" el_id=components\" i_custom_color=\"#126790\"][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><a href=\"https:\/\/github.com\/itechpros\/servoy-web-components\/tree\/master\/WYSIWYG\/README.md\" target=\"_blank\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"https:\/\/avatars1.githubusercontent.com\/u\/119815?s=400&#038;v=4\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">WYSIWYG TinyMCE Editor<\/h4><div class=\"desc\">WYSIWYG Editor Based on TinyMCE Library.<\/div><\/div><\/a><\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><a href=\"https:\/\/github.com\/itechpros\/servoy-web-components\/tree\/master\/AdvancedSearchbox\/README.md\" target=\"_blank\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"https:\/\/github.com\/itechpros\/servoy-web-components\/raw\/master\/AdvancedSearchbox\/icon.jpeg\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">Advanced Searchbox<\/h4><div class=\"desc\">Advanced visual search box with a single input for multiple search parameters.<\/div><\/div><\/a><\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><a href=\"https:\/\/github.com\/itechpros\/servoy-web-components\/tree\/master\/NotificationsWidget\/README.md\" target=\"_blank\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"http:\/\/freevector.co\/wp-content\/uploads\/2013\/03\/77682-notification-bell.png\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">Notifications Widget<\/h4><div class=\"desc\">NG Component of Alarm Bell Notifications<\/div><\/div><\/a><\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><a href=\"https:\/\/github.com\/itechpros\/servoy-web-components\/tree\/master\/MenuBar\/README.md\" target=\"_blank\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"https:\/\/0.s3.envato.com\/files\/218535817\/Envato-Avatar.png\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">Menu Bar<\/h4><div class=\"desc\">AngularJS directive for MEGA | Responsive Megamenu Navigation<\/div><\/div><\/a><\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><a href=\"https:\/\/github.com\/itechpros\/servoy-web-components\/tree\/master\/WowzaPlayer\/README.md\" target=\"_blank\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"https:\/\/github.com\/itechpros\/servoy-web-components\/raw\/master\/WowzaPlayer\/icon.png\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">Wowza Player<\/h4><div class=\"desc\">AngularJS directive for Wowza Player<\/div><\/div><\/a><\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"https:\/\/github.com\/itechpros\/servoy-web-components\/raw\/master\/youwowza\/icon.jpeg\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">YouWowza Player<\/h4><div class=\"desc\">AngularJS directive for Wowza Player<\/div><\/div><\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><a href=\"https:\/\/github.com\/itechpros\/servoy-web-components\/tree\/master\/hvgrid\/README.md\" target=\"_blank\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"https:\/\/github.com\/itechpros\/servoy-web-components\/raw\/master\/hvgrid\/icon.png\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">H\/V Grid<\/h4><div class=\"desc\">Bootstrap Grid AngularJS directive<\/div><\/div><\/a><\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><a href=\"https:\/\/github.com\/itechpros\/servoy-web-components\/tree\/master\/pgmenu\/README.md\" target=\"_blank\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"https:\/\/image.flaticon.com\/icons\/svg\/148\/148795.svg\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">pgMenu<\/h4><div class=\"desc\">Menu component based on the pgAdmin4 menu bar.<\/div><\/div><\/a><\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><a href=\"https:\/\/github.com\/itechpros\/servoy-web-components\/tree\/master\/iframe\/README.md\" target=\"_blank\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/itechpros\/servoy-web-components\/master\/iframe\/logo.png\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">iframe<\/h4><div class=\"desc\">Web component for embedding an HTML iframe.<\/div><\/div><\/a><\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><a href=\"https:\/\/github.com\/Servoy\/svyPDFViewer\/wiki\" target=\"_blank\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/6b\/Crystal_Clear_mimetype_pdf.png\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">Servoy PDF Viewer<\/h4><div class=\"desc\">Enhanced version of Servoy's PDF viewer with DPI options for printing.<\/div><\/div><\/a><\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><a href=\"https:\/\/github.com\/itechpros\/servoy-web-components\/tree\/master\/dropzone\/README.md\" target=\"_blank\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"https:\/\/github.com\/itechpros\/servoy-web-components\/raw\/master\/dropzone\/icon.png\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">Dropzone Drag-n-Drop File Uploader<\/h4><div class=\"desc\">Drag-n-drop file upload component based on DropzoneJS<\/div><\/div><\/a><\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><a href=\"https:\/\/github.com\/itechpros\/servoy-web-components\/tree\/master\/calendarpro\/README.md\" target=\"_blank\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"https:\/\/github.com\/itechpros\/servoy-web-components\/raw\/master\/calendarpro\/icon.png\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">Calendar Pro<\/h4><div class=\"desc\">Enhanced version of Servoy's Calendar component with extended options<\/div><\/div><\/a><\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><a href=\"https:\/\/github.com\/itechpros\/servoy-web-components\/tree\/master\/tuiimageeditor\/README.md\" target=\"_blank\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"https:\/\/github.com\/itechpros\/servoy-web-components\/raw\/master\/tuiimageeditor\/icon.png\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">TUI Image Editor<\/h4><div class=\"desc\">AngularJS directive for TUI Image Editor<\/div><\/div><\/a><\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><a href=\"https:\/\/github.com\/itechpros\/servoy-web-components\/tree\/master\/dateinput\/README.md\" target=\"_blank\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"https:\/\/github.com\/itechpros\/servoy-web-components\/raw\/master\/dateinput\/icon.png\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">Shorthand Date Input<\/h4><div class=\"desc\">Shorthand date input with picker<\/div><\/div><\/a><\/div>\n[\/vc_column][\/vc_row][vc_text_separator title=\"NG Services\" i_icon_fontawesome=\"fa fa-puzzle-piece\" i_color=\"custom\" add_icon=\"true\" el_id=services\" i_custom_color=\"#126790\"][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><a href=\"https:\/\/github.com\/itechpros\/servoy-web-components\/tree\/master\/KeyboardEvents\/README.md\" target=\"_blank\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/itechpros\/servoy-web-components\/master\/KeyboardEvents\/keyboard.png\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">Keyboard Events<\/h4><div class=\"desc\">Capture enter key events in Servoy methods.<\/div><\/div><\/a><\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><a href=\"https:\/\/github.com\/itechpros\/servoy-web-components\/tree\/master\/printjs\/README.md\" target=\"_blank\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/itechpros\/servoy-web-components\/master\/printjs\/icon.png\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">Print JS<\/h4><div class=\"desc\">Direct printing in Chrome. Based off PrintJS Library.<\/div><\/div><\/a><\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><a href=\"https:\/\/github.com\/itechpros\/servoy-web-components\/tree\/master\/ngclientutils\/README.md\" target=\"_blank\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/itechpros\/servoy-web-components\/master\/ngclientutils\/icon.png\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">NgClientUtils<\/h4><div class=\"desc\">Ng Service with functionality of WebClientUtils plugin.<\/div><\/div><\/a><\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><a href=\"https:\/\/github.com\/itechpros\/servoy-web-components\/tree\/master\/itechutils\/README.md\" target=\"_blank\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/itechpros\/servoy-web-components\/master\/itechutils\/icon.png\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">iTech Utils<\/h4><div class=\"desc\">Many utils such as browser info, download, cookies, DOM manipulation, and onReady<\/div><\/div><\/a><\/div>\n[\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"list_item lists_2 clearfix\"><a href=\"https:\/\/github.com\/itechpros\/servoy-web-components\/tree\/master\/introjs\/README.md\" target=\"_blank\"><div class=\"list_left list_image\"><img decoding=\"async\" src=\"https:\/\/github.com\/itechpros\/servoy-web-components\/raw\/master\/introjs\/icon.png\" class=\"scale-with-grid\" alt=\"Servoy Web Components\" width=\"\" height=\"\"\/><\/div><div class=\"list_right\"><h4 class=\"title\">Intro.js<\/h4><div class=\"desc\">AngularJS directive for Intro.js<\/div><\/div><\/a><\/div>\n[\/vc_column][\/vc_row][\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text] Installation To install these components, open the Web Package Manager in your Servoy developer. In the upper right, click on &#8220;Servoy Default&#8221; and choose &#8220;Add<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/posts\/145"}],"collection":[{"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/comments?post=145"}],"version-history":[{"count":10,"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/posts\/145\/revisions"}],"predecessor-version":[{"id":644,"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/posts\/145\/revisions\/644"}],"wp:attachment":[{"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/media?parent=145"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/categories?post=145"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/servoycomponents.com\/wp-json\/wp\/v2\/tags?post=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}