(function() {\r\n angular.module('myTabbedFormFilters', []).filter('titledFormSectionFilter', function() {\r\n return function(input) {\r\n var output = [];\r\n console.log('JMM: input.length: '+ input.length);\r\n for (var i = 0; i < input.length; i++) {\r\n if (input[i].captionDisplay.length > 0) {\r\n console.log('JMM: captionDisplay:' + input[i].captionDisplay);\r\n output.push(input[i]);\r\n }\t\r\n\r\n }\r\n return output;\r\n };\r\n }).filter('currentFormSectionFilter', function() {\r\n return function(input, startingCaptionDisplay) {\r\n var output = [];\r\n var include = false;\r\n for (var i = 0; i < input.length; i++) {\r\n if (input[i].captionDisplay == startingCaptionDisplay) {\r\n include = true;\r\n output.push(input[i]);\r\n } else if((include)&&(input[i].captionDisplay == '')){\r\n output.push(input[i]);\r\n } else {\r\n include = false;\r\n }\r\n }\r\n return output;\r\n };\r\n });\r\n \r\n})();<\/pre>\n2. ad\u0131m<\/p>\n
Widget’\u0131n i\u00e7ine bir ng-template tan\u0131ml\u0131yoruz. ad\u0131: “smse-tabbed-sp-model-xml” olacak.<\/p>\n
<div>\r\n <uib-tabset active=\"active\" justified=\"true\">\r\n <uib-tab index=\"$index+1\" ng-repeat=\"titleContainer in containers | titledFormSectionFilter\" heading=\"{{titleContainer.captionDisplay}}\">\r\n <fieldset ng-repeat=\"container in containers | currentFormSectionFilter : titleContainer.captionDisplay\" ng-show=\"isContainerVisible(container)\" ng-init=\"$last ? execItemScripts() : null\">\r\n <legend class=\"h4\" ng-if=\"(container.caption || container.captionDisplay)\">{{container.captionDisplay || container.caption}}<\/legend>\r\n <div class=\"row\">\r\n <div ng-repeat=\"column in container.columns\" class=\"col-md-{{12 \/ container.columns.length }}\">\r\n <div ng-switch=\"f.type\" ng-repeat=\"f in column.fields\" id=\"{{getVarID(f)}}\" ng-class=\"{'form-inline': isInlineForm === true }\">\r\n <div ng-switch-when=\"label\" ng-if=\"formModel._fields[f.name]\" ng-show=\"formModel._fields[f.name].visible\">\r\n <label ng-bind-html=\"::f.label\"><\/label>\r\n <span ng-if=\"::formModel._fields[f.name].instructions\" ng-bind-html=\"::formModel._fields[f.name].instructions\"><\/span>\r\n <p ng-if=\"::formModel._fields[f.name].help_text\" title=\"{{::formModel._fields[f.name].help_tag}}\" class=\"help-block\" ng-bind-html=\"::formModel._fields[f.name].help_text\"><\/p>\r\n <hr class=\"sp_label_hr\"><\/hr>\r\n <\/div>\r\n <sp-form-field ng-switch-when=\"field\" ng-if=\"formModel._fields[f.name]\" form-model=\"formModel\" field=\"formModel._fields[f.name]\" glide-form=\"getGlideForm()\" ng-show=\"formModel._fields[f.name].visible\"><\/sp-form-field>\r\n <sp-variable-layout ng-switch-when=\"container\" ng-init=\"containers=[f]\"><\/sp-variable-layout>\r\n <sp-variable-layout ng-switch-when=\"checkbox_container\" ng-init=\"containers=f.containers\"><\/sp-variable-layout>\r\n <sp-widget ng-switch-when=\"formatter\" ng-if=\"formModel._formatters[f.id].widgetInstance\" widget=\"formModel._formatters[f.id].widgetInstance\" page=\"{g_form: getGlideForm()}\"><\/sp-widget>\r\n <hr ng-switch-when=\"break\"><\/hr>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/fieldset>\r\n <\/uib-tab>\r\n <\/uib-tabset>\r\n<\/div><\/pre>\n3. ad\u0131m olarak widget’\u0131n Body k\u0131sm\u0131da <!–form–> alan\u0131n\u0131 a\u015fa\u011f\u0131daki kod ile de\u011fi\u015ftiriyoruz.<\/p>\n
<div>\r\n <sp-model form_model=\"data.f\" mandatory=\"mandatory\" template-url=\"smse-tabbed-sp-model-xml\"><\/sp-model>\r\n <\/div><\/pre>\n <\/p>\n","protected":false},"excerpt":{"rendered":"
Navigasyon ekran\u0131nda formu section yap\u0131s\u0131 ile tabl\u0131 olarak dizayn etti\u011fimiz zaman Servicenow’un OOB widgetlar\u0131 bu tabl\u0131 yap\u0131y\u0131 render edemiyor ve […]<\/p>\n","protected":false},"author":1,"featured_media":1099,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[185],"tags":[272,279],"class_list":["post-1166","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-service-now","tag-portal","tag-widget"],"uagb_featured_image_src":{"full":["https:\/\/dijitalturk.com\/veysel\/wp-content\/uploads\/2018\/12\/servicenow.png",600,315,false],"thumbnail":["https:\/\/dijitalturk.com\/veysel\/wp-content\/uploads\/2018\/12\/servicenow-150x150.png",150,150,true],"medium":["https:\/\/dijitalturk.com\/veysel\/wp-content\/uploads\/2018\/12\/servicenow-300x158.png",300,158,true],"medium_large":["https:\/\/dijitalturk.com\/veysel\/wp-content\/uploads\/2018\/12\/servicenow.png",600,315,false],"large":["https:\/\/dijitalturk.com\/veysel\/wp-content\/uploads\/2018\/12\/servicenow-600x315.png",600,315,true],"1536x1536":["https:\/\/dijitalturk.com\/veysel\/wp-content\/uploads\/2018\/12\/servicenow.png",600,315,false],"2048x2048":["https:\/\/dijitalturk.com\/veysel\/wp-content\/uploads\/2018\/12\/servicenow.png",600,315,false]},"uagb_author_info":{"display_name":"VeYSeL","author_link":"https:\/\/dijitalturk.com\/veysel\/author\/veysel\/"},"uagb_comment_info":0,"uagb_excerpt":"Navigasyon ekran\u0131nda formu section yap\u0131s\u0131 ile tabl\u0131 olarak dizayn etti\u011fimiz zaman Servicenow’un OOB widgetlar\u0131 bu tabl\u0131 yap\u0131y\u0131 render edemiyor ve […]","_links":{"self":[{"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/posts\/1166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/comments?post=1166"}],"version-history":[{"count":0,"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/posts\/1166\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/media\/1099"}],"wp:attachment":[{"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/media?parent=1166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/categories?post=1166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dijitalturk.com\/veysel\/wp-json\/wp\/v2\/tags?post=1166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"http:\/\/dijitalturk.com\/veysel\/wp-content\/uploads\/2019\/03\/1.png\")
<\/a><\/p>\n