node-red-trexmes-service
Version:
service Nodes for trexMes systems
2,497 lines • 86 kB
HTML
<!doctype html>
<html lang="tr" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="trexMes Edge sistemleri icin Node-RED servis node paketi dokumantasyonu">
<meta name="author" content="Asaf Yurdakul">
<link rel="canonical" href="https://asafyurdakul.github.io/node-red-trexmes-service/nodlar/custom-form/">
<link rel="prev" href="../handle-setter/">
<link rel="next" href="../form-bind-controls/">
<link rel="icon" href="../../assets/images/favicon.png">
<meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.6.21">
<title>Custom Form - node-red-trexmes-service</title>
<link rel="stylesheet" href="../../assets/stylesheets/main.2a3383ac.min.css">
<link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,300i,400,400i,700,700i%7CJetBrains+Mono:400,400i,700,700i&display=fallback">
<style>:root{--md-text-font:"Inter";--md-code-font:"JetBrains Mono"}</style>
<link rel="stylesheet" href="../../stylesheets/extra.css">
<script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
</head>
<body dir="ltr" data-md-color-scheme="default" data-md-color-primary="green" data-md-color-accent="light-green">
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
<a href="#custom-form" class="md-skip">
Ana içeriğe geç
</a>
</div>
<div data-md-component="announce">
</div>
<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
<nav class="md-header__inner md-grid" aria-label="Başlık">
<a href="../.." title="node-red-trexmes-service" class="md-header__button md-logo" aria-label="node-red-trexmes-service" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54"/></svg>
</a>
<label class="md-header__button md-icon" for="__drawer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
</label>
<div class="md-header__title" data-md-component="header-title">
<div class="md-header__ellipsis">
<div class="md-header__topic">
<span class="md-ellipsis">
node-red-trexmes-service
</span>
</div>
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
Custom Form
</span>
</div>
</div>
</div>
<form class="md-header__option" data-md-component="palette">
<input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="default" data-md-color-primary="green" data-md-color-accent="light-green" aria-label="Koyu temaya gec" type="radio" name="__palette" id="__palette_0">
<label class="md-header__button md-icon" title="Koyu temaya gec" for="__palette_1" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
</label>
<input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="slate" data-md-color-primary="green" data-md-color-accent="light-green" aria-label="Acik temaya gec" type="radio" name="__palette" id="__palette_1">
<label class="md-header__button md-icon" title="Acik temaya gec" for="__palette_0" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg>
</label>
</form>
<script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
<label class="md-header__button md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
</label>
<div class="md-search" data-md-component="search" role="dialog">
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="Ara" placeholder="Ara" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
<label class="md-search__icon md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
</label>
<nav class="md-search__options" aria-label="Ara">
<a href="javascript:void(0)" class="md-search__icon md-icon" title="Paylaş" aria-label="Paylaş" data-clipboard data-clipboard-text="" data-md-component="search-share" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.15c-.05.21-.08.43-.08.66 0 1.61 1.31 2.91 2.92 2.91s2.92-1.3 2.92-2.91A2.92 2.92 0 0 0 18 16.08"/></svg>
</a>
<button type="reset" class="md-search__icon md-icon" title="Temizle" aria-label="Temizle" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
</button>
</nav>
<div class="md-search__suggest" data-md-component="search-suggest"></div>
</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
<div class="md-search-result" data-md-component="search-result">
<div class="md-search-result__meta">
Arama başlatılıyor
</div>
<ol class="md-search-result__list" role="presentation"></ol>
</div>
</div>
</div>
</div>
</div>
<div class="md-header__source">
<a href="https://github.com/asafyurdakul/node-red-trexmes-service" title="Depoya git" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M173.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M252.8 8C114.1 8 8 113.3 8 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C436.2 457.8 504 362.9 504 252 504 113.3 391.5 8 252.8 8M105.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
</div>
<div class="md-source__repository">
asafyurdakul/node-red-trexmes-service
</div>
</a>
</div>
</nav>
<nav class="md-tabs" aria-label="Sekmeler" data-md-component="tabs">
<div class="md-grid">
<ul class="md-tabs__list">
<li class="md-tabs__item">
<a href="../.." class="md-tabs__link">
Ana Sayfa
</a>
</li>
<li class="md-tabs__item">
<a href="../../baslangic/" class="md-tabs__link">
Baslangic
</a>
</li>
<li class="md-tabs__item md-tabs__item--active">
<a href="../" class="md-tabs__link">
Node Referansi
</a>
</li>
<li class="md-tabs__item">
<a href="../../ornekler/" class="md-tabs__link">
Ornekler
</a>
</li>
<li class="md-tabs__item">
<a href="../../sss/" class="md-tabs__link">
SSS
</a>
</li>
<li class="md-tabs__item">
<a href="../../degisiklik-gunlugu/" class="md-tabs__link">
Surum Notlari
</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="md-container" data-md-component="container">
<main class="md-main" data-md-component="main">
<div class="md-main__inner md-grid">
<div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigasyon" data-md-level="0">
<label class="md-nav__title" for="__drawer">
<a href="../.." title="node-red-trexmes-service" class="md-nav__button md-logo" aria-label="node-red-trexmes-service" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54"/></svg>
</a>
node-red-trexmes-service
</label>
<div class="md-nav__source">
<a href="https://github.com/asafyurdakul/node-red-trexmes-service" title="Depoya git" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M173.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M252.8 8C114.1 8 8 113.3 8 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C436.2 457.8 504 362.9 504 252 504 113.3 391.5 8 252.8 8M105.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
</div>
<div class="md-source__repository">
asafyurdakul/node-red-trexmes-service
</div>
</a>
</div>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../.." class="md-nav__link">
<span class="md-ellipsis">
Ana Sayfa
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
<div class="md-nav__link md-nav__container">
<a href="../../baslangic/" class="md-nav__link ">
<span class="md-ellipsis">
Baslangic
</span>
</a>
<label class="md-nav__link " for="__nav_2" id="__nav_2_label" tabindex="0">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span>
Baslangic
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../baslangic/kurulum/" class="md-nav__link">
<span class="md-ellipsis">
Kurulum
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../baslangic/hizli-baslangic/" class="md-nav__link">
<span class="md-ellipsis">
Hizli Baslangic
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../baslangic/mimari/" class="md-nav__link">
<span class="md-ellipsis">
Mimari Genel Bakis
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../baslangic/mesaj-yapisi/" class="md-nav__link">
<span class="md-ellipsis">
Mesaj Yapisi
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" checked>
<div class="md-nav__link md-nav__container">
<a href="../" class="md-nav__link ">
<span class="md-ellipsis">
Node Referansi
</span>
</a>
<label class="md-nav__link " for="__nav_3" id="__nav_3_label" tabindex="">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span>
Node Referansi
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_2" >
<label class="md-nav__link" for="__nav_3_2" id="__nav_3_2_label" tabindex="">
<span class="md-ellipsis">
Cekirdek Nodlar
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_2_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_2">
<span class="md-nav__icon md-icon"></span>
Cekirdek Nodlar
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../trex-subscriber/" class="md-nav__link">
<span class="md-ellipsis">
trex Subscriber
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../responser/" class="md-nav__link">
<span class="md-ellipsis">
Responser
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
<label class="md-nav__link" for="__nav_3_3" id="__nav_3_3_label" tabindex="">
<span class="md-ellipsis">
Olay Nodlari
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_3">
<span class="md-nav__icon md-icon"></span>
Olay Nodlari
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../event-subscribers/" class="md-nav__link">
<span class="md-ellipsis">
Genel Bakis
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../business-events/" class="md-nav__link">
<span class="md-ellipsis">
Business Events
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../system-events/" class="md-nav__link">
<span class="md-ellipsis">
System Events
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../communication-events/" class="md-nav__link">
<span class="md-ellipsis">
Communication Events
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../display-events/" class="md-nav__link">
<span class="md-ellipsis">
Display Events
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../form-events/" class="md-nav__link">
<span class="md-ellipsis">
Form Events
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../display-methods/" class="md-nav__link">
<span class="md-ellipsis">
Display Methods
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../method-returns/" class="md-nav__link">
<span class="md-ellipsis">
Method Returns
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../handle-setter/" class="md-nav__link">
<span class="md-ellipsis">
Handle Setter
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_4" checked>
<label class="md-nav__link" for="__nav_3_4" id="__nav_3_4_label" tabindex="">
<span class="md-ellipsis">
Form Nodlari
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_4_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_3_4">
<span class="md-nav__icon md-icon"></span>
Form Nodlari
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
<label class="md-nav__link md-nav__link--active" for="__toc">
<span class="md-ellipsis">
Custom Form
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<a href="./" class="md-nav__link md-nav__link--active">
<span class="md-ellipsis">
Custom Form
</span>
</a>
<nav class="md-nav md-nav--secondary" aria-label="İçindekiler">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
İçindekiler
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#ozet" class="md-nav__link">
<span class="md-ellipsis">
Özet
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#property-tablosu" class="md-nav__link">
<span class="md-ellipsis">
Property Tablosu
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#xml-kaynak-secenekleri" class="md-nav__link">
<span class="md-ellipsis">
XML Kaynak Seçenekleri
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#formainform-davrans" class="md-nav__link">
<span class="md-ellipsis">
formainform Davranışı
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#cks-mesaj" class="md-nav__link">
<span class="md-ellipsis">
Çıkış Mesajı
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#xml-format" class="md-nav__link">
<span class="md-ellipsis">
XML Formatı
</span>
</a>
<nav class="md-nav" aria-label="XML Formatı">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#genel-yap" class="md-nav__link">
<span class="md-ellipsis">
Genel Yapı
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#ornek-label-ve-buton" class="md-nav__link">
<span class="md-ellipsis">
Örnek: Label ve Buton
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#sk-kullanlan-kontrol-tipleri" class="md-nav__link">
<span class="md-ellipsis">
Sık Kullanılan Kontrol Tipleri
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#custom-form-designer-entegrasyonu" class="md-nav__link">
<span class="md-ellipsis">
Custom Form Designer Entegrasyonu
</span>
</a>
<nav class="md-nav" aria-label="Custom Form Designer Entegrasyonu">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#gereksinimler" class="md-nav__link">
<span class="md-ellipsis">
Gereksinimler
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#form-design-config-node" class="md-nav__link">
<span class="md-ellipsis">
Form Design Config Node
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#tipik-aks" class="md-nav__link">
<span class="md-ellipsis">
Tipik Akış
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#sk-karslaslan-hatalar" class="md-nav__link">
<span class="md-ellipsis">
Sık Karşılaşılan Hatalar
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#ipuclar" class="md-nav__link">
<span class="md-ellipsis">
İpuçları
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#ilgili-nodlar" class="md-nav__link">
<span class="md-ellipsis">
İlgili Nodlar
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../form-bind-controls/" class="md-nav__link">
<span class="md-ellipsis">
Form Bind Controls
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../control-properties/" class="md-nav__link">
<span class="md-ellipsis">
Control Properties
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../button-configurator/" class="md-nav__link">
<span class="md-ellipsis">
Button Configurator
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../main-form-action/" class="md-nav__link">
<span class="md-ellipsis">
Main Form Action
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_5" >
<label class="md-nav__link" for="__nav_3_5" id="__nav_3_5_label" tabindex="">
<span class="md-ellipsis">
Islem Nodlari
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_5_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_5">
<span class="md-nav__icon md-icon"></span>
Islem Nodlari
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../method-invoker/" class="md-nav__link">
<span class="md-ellipsis">
Method Invoker
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../context-getter/" class="md-nav__link">
<span class="md-ellipsis">
Context Getter
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../execute-process/" class="md-nav__link">
<span class="md-ellipsis">
Execute Process
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../execute-script/" class="md-nav__link">
<span class="md-ellipsis">
Execute Script
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_6" >
<label class="md-nav__link" for="__nav_3_6" id="__nav_3_6_label" tabindex="">
<span class="md-ellipsis">
Yapay Zeka
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_6_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_6">
<span class="md-nav__icon md-icon"></span>
Yapay Zeka
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../llm-flow-builder/" class="md-nav__link">
<span class="md-ellipsis">
LLM Flow Builder
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
<div class="md-nav__link md-nav__container">
<a href="../../ornekler/" class="md-nav__link ">
<span class="md-ellipsis">
Ornekler
</span>
</a>
<label class="md-nav__link " for="__nav_4" id="__nav_4_label" tabindex="0">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_4">
<span class="md-nav__icon md-icon"></span>
Ornekler
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../ornekler/temel-akis/" class="md-nav__link">
<span class="md-ellipsis">
Temel Akis
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ornekler/custom-form-akisi/" class="md-nav__link">
<span class="md-ellipsis">
Custom Form Akisi
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../ornekler/buton-konfigurasyonu/" class="md-nav__link">
<span class="md-ellipsis">
Buton Konfigurasyonu
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../../sss/" class="md-nav__link">
<span class="md-ellipsis">
SSS
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../degisiklik-gunlugu/" class="md-nav__link">
<span class="md-ellipsis">
Surum Notlari
</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--secondary" aria-label="İçindekiler">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
İçindekiler
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#ozet" class="md-nav__link">
<span class="md-ellipsis">
Özet
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#property-tablosu" class="md-nav__link">
<span class="md-ellipsis">
Property Tablosu
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#xml-kaynak-secenekleri" class="md-nav__link">
<span class="md-ellipsis">
XML Kaynak Seçenekleri
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#formainform-davrans" class="md-nav__link">
<span class="md-ellipsis">
formainform Davranışı
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#cks-mesaj" class="md-nav__link">
<span class="md-ellipsis">
Çıkış Mesajı
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#xml-format" class="md-nav__link">
<span class="md-ellipsis">
XML Formatı
</span>
</a>
<nav class="md-nav" aria-label="XML Formatı">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#genel-yap" class="md-nav__link">
<span class="md-ellipsis">
Genel Yapı
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#ornek-label-ve-buton" class="md-nav__link">
<span class="md-ellipsis">
Örnek: Label ve Buton
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#sk-kullanlan-kontrol-tipleri" class="md-nav__link">
<span class="md-ellipsis">
Sık Kullanılan Kontrol Tipleri
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#custom-form-designer-entegrasyonu" class="md-nav__link">
<span class="md-ellipsis">
Custom Form Designer Entegrasyonu
</span>
</a>
<nav class="md-nav" aria-label="Custom Form Designer Entegrasyonu">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#gereksinimler" class="md-nav__link">
<span class="md-ellipsis">
Gereksinimler
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#form-design-config-node" class="md-nav__link">
<span class="md-ellipsis">
Form Design Config Node
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#tipik-aks" class="md-nav__link">
<span class="md-ellipsis">
Tipik Akış
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#sk-karslaslan-hatalar" class="md-nav__link">
<span class="md-ellipsis">
Sık Karşılaşılan Hatalar
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#ipuclar" class="md-nav__link">
<span class="md-ellipsis">
İpuçları
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#ilgili-nodlar" class="md-nav__link">
<span class="md-ellipsis">
İlgili Nodlar
</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-content" data-md-component="content">
<article class="md-content__inner md-typeset">
<h1 id="custom-form">Custom Form<a class="headerlink" href="#custom-form" title="Bu bolume kalici baglanti">¶</a></h1>
<div class="node-header">
<span class="node-preview green-light">Custom Form</span>
<div class="meta-item"><strong>Inputs:</strong> <span class="io-badge in">1</span></div>
<div class="meta-item"><strong>Outputs:</strong> <span class="io-badge out">1</span></div>
<div class="meta-item"><strong>Kategori:</strong> trexMes service</div>
</div>
<p>trexMes panelinde <strong>çalışma zamanında özel form</strong> açar. XML formatında tanımlanmış form tasarımını panele gönderir. Panel bu XML'i parse ederek WinForm UI'ı oluşturur.</p>
<h2 id="ozet">Özet<a class="headerlink" href="#ozet" title="Bu bolume kalici baglanti">¶</a></h2>
<p><code>Custom Form</code> bu paketin <strong>görsel arayüz</strong> tarafının kalbidir. Modal dialog veya ana form (main form) üzerine yeni içerik basabilirsiniz. Form içeriği XML formatındadır ve genellikle birlikte gelen <strong>Custom Form Designer</strong> aracı ile görsel olarak tasarlanır.</p>
<h2 id="property-tablosu">Property Tablosu<a class="headerlink" href="#property-tablosu" title="Bu bolume kalici baglanti">¶</a></h2>
<table>
<thead>
<tr>
<th>Alan</th>
<th>Tip</th>
<th>Varsayılan</th>
<th>Açıklama</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>name</code></td>
<td>string</td>
<td>—</td>
<td>Form'un panel tarafındaki adı</td>
</tr>
<tr>
<td><code>customformxml</code></td>
<td>string</td>
<td><em>(boş)</em></td>
<td>XML formatında form tasarımı</td>
</tr>
<tr>
<td><code>isstyled</code></td>
<td>boolean</td>
<td><code>false</code></td>
<td>Form stillendirilmiş mi?</td>
</tr>
<tr>
<td><code>formainform</code></td>
<td>boolean</td>
<td><code>false</code></td>
<td>Ana form üzerinde mi göstereceğiz?</td>
</tr>
<tr>
<td><code>designformname</code></td>
<td>string</td>
<td><em>(boş)</em></td>
<td>Linked Form Design node'unun adı</td>
</tr>
</tbody>
</table>
<h2 id="xml-kaynak-secenekleri">XML Kaynak Seçenekleri<a class="headerlink" href="#xml-kaynak-secenekleri" title="Bu bolume kalici baglanti">¶</a></h2>
<p>Form XML'i <strong>iki kaynaktan</strong> sağlanabilir:</p>
<ol>
<li><strong>Doğrudan <code>customformxml</code></strong> alanına yapıştırılarak</li>
<li><strong><code>Form Design</code></strong> config node'undan link verilerek (<code>designformname</code> ile)</li>
</ol>
<div class="language-javascript highlight"><pre><span></span><code><span id="__span-0-1"><a id="__codelineno-0-1" name="__codelineno-0-1" href="#__codelineno-0-1"></a><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">node</span><span class="p">.</span><span class="nx">designformname</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
</span><span id="__span-0-2"><a id="__codelineno-0-2" name="__codelineno-0-2" href="#__codelineno-0-2"></a><span class="w"> </span><span class="nx">RED</span><span class="p">.</span><span class="nx">nodes</span><span class="p">.</span><span class="nx">eachNode</span><span class="p">(</span><span class="kd">function</span><span class="w"> </span><span class="p">(</span><span class="nx">n</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
</span><span id="__span-0-3"><a id="__codelineno-0-3" name="__codelineno-0-3" href="#__codelineno-0-3"></a><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">n</span><span class="p">.</span><span class="nx">type</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="s2">"Form Design"</span><span class="w"> </span><span class="o">&&</span><span class="w"> </span><span class="nx">n</span><span class="p">.</span><span class="nx">name</span><span class="w"> </span><span class="o">===</span><span class="w"> </span><span class="nx">node</span><span class="p">.</span><span class="nx">designformname</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
</span><span id="__span-0-4"><a id="__codelineno-0-4" name="__codelineno-0-4" href="#__codelineno-0-4"></a><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">n</span><span class="p">.</span><span class="nx">formdesignxml</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
</span><span id="__span-0-5"><a id="__codelineno-0-5" name="__codelineno-0-5" href="#__codelineno-0-5"></a><span class="w"> </span><span class="nx">selectedXml</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">n</span><span class="p">.</span><span class="nx">formdesignxml</span><span class="p">;</span>
</span><span id="__span-0-6"><a id="__codelineno-0-6" name="__codelineno-0-6" href="#__codelineno-0-6"></a><span class="w"> </span><span class="p">}</span>
</span><span id="__span-0-7"><a id="__codelineno-0-7" name="__codelineno-0-7" href="#__codelineno-0-7"></a><span class="w"> </span><span class="p">}</span>
</span><span id="__span-0-8"><a id="__codelineno-0-8" name="__codelineno-0-8" href="#__codelineno-0-8"></a><span class="w"> </span><span class="p">});</span>
</span><span id="__span-0-9"><a id="__codelineno-0-9" name="__codelineno-0-9" href="#__codelineno-0-9"></a><span class="p">}</span>
</span><span id="__span-0-10"><a id="__codelineno-0-10" name="__codelineno-0-10" href="#__codelineno-0-10"></a><span class="k">if</span><span class="w"> </span><span class="p">(</span><span class="nx">node</span><span class="p">.</span><span class="nx">customformxml</span><span class="w"> </span><span class="o">!==</span><span class="w"> </span><span class="s2">""</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
</span><span id="__span-0-11"><a id="__codelineno-0-11" name="__codelineno-0-11" href="#__codelineno-0-11"></a><span class="w"> </span><span class="nx">selectedXml</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">node</span><span class="p">.</span><span class="nx">customformxml</span><span class="p">;</span><span class="w"> </span><span class="c1">// Inline override</span>
</span><span id="__span-0-12"><a id="__codelineno-0-12" name="__codelineno-0-12" href="#__codelineno-0-12"></a><span class="p">}</span>
</span></code></pre></div>
<div class="admonition tip">
<p class="admonition-title">Hangi kaynak kullanılır?</p>
<p><code>customformxml</code> alanı dolu ise her zaman <strong>o</strong> kullanılır. Boş bırakırsanız <code>Form Design</code> config node'undaki XML kullanılır. Bu sayede aynı tasarımı birden fazla <code>Custom Form</code> node'unda paylaşabilirsiniz.</p>
</div>
<h2 id="formainform-davrans"><code>formainform</code> Davranışı<a class="headerlink" href="#formainform-davrans" title="Bu bolume kalici baglanti">¶</a></h2>
<table>
<thead>
<tr>
<th>Değer</th>
<th>Anlam</th>
<th><code>operationtype</code></th>
<th><code>continueevent</code></th>
</tr>
</thead>
<tbody>
<tr>
<td><code>false</code></td>
<td>Modal dialog olarak aç</td>
<td><code>CustomDialog</code></td>
<td><code>Continue</code></td>
</tr>
<tr>
<td><code>true</code></td>
<td>Ana formu güncelle (<code>AppForm</code>)</td>
<td><code>MainForm</code></td>
<td><code>Break</code></td>
</tr>
</tbody>
</table>
<h2 id="cks-mesaj">Çıkış Mesajı<a class="headerlink" href="#cks-mesaj" title="Bu bolume kalici baglanti">¶</a></h2>
<p><code>msg.payload</code> array'ine eklenen operasyon:</p>
<div class="language-json highlight"><pre><span></span><code><span id="__span-1-1"><a id="__codelineno-1-1" name="__codelineno-1-1" href="#__codelineno-1-1"></a><span class="p">{</span>
</span><span id="__span-1-2"><a id="__codelineno-1-2" name="__codelineno-1-2" href="#__codelineno-1-2"></a><span class="w"> </span><span class="nt">"operationtype"</span><span class="p">:</span><span class="w"> </span><span class="s2">"CustomDialog"</span><span class="p">,</span>
</span><span id="__span-1-3"><a id="__codelineno-1-3" name="__codelineno-1-3" href="#__codelineno-1-3"></a><span class="w"> </span><span class="nt">"receiveddata"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"orderNo"</span><span class="p">:</span><span class="w"> </span><span class="s2">"ORD-001"</span><span class="w"> </span><span class="p">},</span>
</span><span id="__span-1-4"><a id="__codelineno-1-4" name="__codelineno-1-4" href="#__codelineno-1-4"></a><span class="w"> </span><span class="nt">"name"</span><span class="p">:</span><span class="w"> </span><span class="s2">"OrderEntryForm"</span><span class="p">,</span>
</span><span id="__span-1-5"><a id="__codelineno-1-5" name="__codelineno-1-5" href="#__codelineno-1-5"></a><span class="w"> </span><span class="nt">"continueevent"</span><span class="p">:</span><span class="w"> </span><span class="s2">"Continue"</span><span class="p">,</span>
</span><span id="__span-1-6"><a id="__codelineno-1-6" name="__codelineno-1-6" href="#__codelineno-1-6"></a><span class="w"> </span><span class="nt">"customformxml"</span><span class="p">:</span><span class="w"> </span><span class="s2">"<form>...</form>"</span><span class="p">,</span>
</span><span id="__span-1-7"><a id="__codelineno-1-7" name="__codelineno-1-7" href="#__codelineno-1-7"></a><span class="w"> </span><span class="nt">"isstyled"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span>
</span><span id="__span-1-8"><a id="__codelineno-1-8" name="__codelineno-1-8" href="#__codelineno-1-8"></a><span class="p">}</span>
</span></code></pre></div>
<h2 id="xml-format">XML Formatı<a class="headerlink" href="#xml-format" title="Bu bolume kalici baglanti">¶</a></h2>
<p>Form XML'i <code>trexForm.Designer</code> tarafından üretilen <strong>WinForms tabanlı</strong> bir formattır. Kök eleman <code><Object name="CustomForm" type="trexForm.Designer.CustomForm, ..."></code> şeklindedir; her kontrol de ayrı bir <code><Object></code> olarak iç içe tanımlanır.</p>
<h3 id="genel-yap">Genel Yapı<a class="headerlink" href="#genel-yap" title="Bu bolume kalici baglanti">¶</a></h3>
<div class="language-xml highlight"><pre><span></span><code><span id="__span-2-1"><a id="__codelineno-2-1" name="__codelineno-2-1" href="#__codelineno-2-1"></a><span class="nt"><Object</span><span class="w"> </span><span class="na">name=</span><span class="s">"CustomForm"</span><span class="w"> </span><span class="na">type=</span><span class="s">"trexForm.Designer.CustomForm, trexForm.Designer, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null"</span><span class="w"> </span><span class="na">version=</span><span class="s">"1"</span><span class="nt">></span>
</span><span id="__span-2-2"><a id="__codelineno-2-2" name="__codelineno-2-2" href="#__codelineno-2-2"></a><span class="w"> </span><span class="cm"><!-- Form özellikleri --></span>
</span><span id="__span-2-3"><a id="__codelineno-2-3" name="__codelineno-2-3" href="#__codelineno-2-3"></a><span class="w"> </span><span class="nt"><AutoValidate></span>EnablePreventFocusChange<span class="nt"></AutoValidate></span>
</span><span id="__span-2-4"><a id="__codelineno-2-4" name="__codelineno-2-4" href="#__codelineno-2-4"></a><span class="w"> </span><span class="nt"><BackColor></span>Control<span class="nt"></BackColor></span>
</span><span id="__span-2-5"><a id="__codelineno-2-5" name="__codelineno-2-5" href="#__codelineno-2-5"></a><span class="w"> </span><span class="nt"><ClientSize></span>600,<span class="w"> </span>400<span class="nt"></ClientSize></span>
</span><span id="__span-2-6"><a id="__codelineno-2-6" name="__codelineno-2-6" href="#__codelineno-2-6"></a><span class="w"> </span><span class="nt"><Font></span>Microsoft<span class="w"> </span>Sans<span class="w"> </span>Serif,<span class="w"> </span>8.25pt<span class="nt"></Font></span>
</span><span id="__span-2-7"><a id="__codelineno-2-7" name="__codelineno-2-7" href="#__codelineno-2-7"></a><span class="w"> </span><span class="nt"><Name></span>CustomForm<span class="nt"></Name></span>
</span><span id="__span-2-8"><a id="__codelineno-2-8" name="__codelineno-2-8" href="#__codelineno-2-8"></a>
</span><span id="__span-2-9"><a id="__codelineno-2-9" name="__codelineno-2-9" href="#__codelineno-2-9"></a><span class="w"> </span><span class="cm"><!-- Kontroller — her biri ayrı <Object> --></span>
</span><span id="__span-2-10"><a id="__codelineno-2-10" name="__codelineno-2-10" href="#__codelineno-2-10"></a><span class="w"> </span><span class="nt"><Object</span><span class="w"> </span><span class="na">type=</span><span class="s">"System.Windows.Forms.Label, System.Windows.Forms, ..."</span><span class="w"> </span><span class="na">name=</span><span class="s">"lblBaslik"</span><span class="nt">></span>
</span><span id="__span-2-11"><a id="__codelineno-2-11" name="__codelineno-2-11" href="#__codelineno-2-11"></a><span class="w"> </span><span class="nt"><Text></span>Başlık<span class="nt"></Text></span>
</span><span id="__span-2-12"><a id="__codelineno-2-12" name="__codelineno-2-12" href="#__codelineno-2-12"></a><span class="w"> </span><span class="nt"><Location></span>20,<span class="w"> </span>20<span class="nt"></Location></span>
</span><span id="__span-2-13"><a id="__codelineno-2-13" name="__codelineno-2-13" href="#__codelineno-2-13"></a><span class="w"> </span><span class="nt"><Size></span>200,<span class="w"> </span>30<span class="nt"></Size></span>
</span><span id="__span-2-14"><a id="__codelineno-2-14" name="__codelineno-2-14" href="#__codelineno-2-14"></a><span class="w"> </span><span class="nt"><TabIndex></span>0<span class="nt"></TabIndex></span>
</span><span id="__span-2-15"><a id="__codelineno-2-15" name="__codelineno-2-15" href="#__codelineno-2-15"></a><span class="w"> </span><span class="nt"></Object></span>
</span><span id="__span-2-16"><a id="__codelineno-2-16" name="__codelineno-2-16" href="#__codelineno-2-16"></a>
</span><span id="__span-2-17"><a id="__codelineno-2-17" name="__codelineno-2-17" href="#__codelineno-2-17"></a><span class="w"> </span><span class="nt"><Object</span><span class="w"> </span><span class="na">type=</span><span class="s">"System.Windows.Forms.Button, System.Windows.Forms, ..."</span><span class="w"> </span><span class="na">name=</span><span class="s">"btnTamam"</span><span class="nt">></span>
</span><span id="__span-2-18"><a id="__codelineno-2-18" name="__codelineno-2-18" href="#__codelineno-2-18"></a><span class="w"> </span><span class="nt"><Text></span>TAMAM<span class="nt"></Text></span>
</span><span id="__span-2-19"><a id="__codelineno-2-19" name="__codelineno-2-19" href="#__codelineno-2-19"></a><span class="w"> </span><span class="nt"><Location></span>20,<span class="w"> </span>100<span class="nt"></Location></span>
</span><span id="__span-2-20"><a id="__codelineno-2-20" name="__codelineno-2-20" href="#__codelineno-2-20"></a><span class="w"> </span><span class="nt"><Size></span>120,<span class="w"> </span>40<span class="nt"></Size></span>
</span><span id="__span-2-21"><a id="__codelineno-2-21" name="__codelineno-2-21" href="#__codelineno-2-21"></a><span class="w"> </span><span class="nt"><TabIndex></span>1<span class="nt"></TabIndex></span>
</span><span id="__span-2-22"><a id="__codelineno-2-22" name="__codelineno-2-22" href="#__codelineno-2-22"></a><span class="w"> </span><span class="nt"></Object></span>
</span><span id="__span-2-23"><a id="__codelineno-2-23" name="__codelineno-2-23" href="#__codelineno-2-23"></a><span class="nt"></Object></span>
</span></code></pre></div>
<h3 id="ornek-label-ve-buton">Örnek: Label ve Buton<a class="headerlink" href="#ornek-label-ve-buton" title="Bu bolume kalici baglanti">¶</a></h3>
<p>Aşağıdaki XML, form üzerinde bir adet büyük başlık etiketi ve sarı zemin renkli bir buton tanımlar:</p>
<div class="language-xml highlight"><pre><span></span><code><span id="__span-3-1"><a id="__codelineno-3-1" name="__codelineno-3-1" href="#__codelineno-3-1"></a><span class="nt"><Object</span><span class="w"> </span><span class="na">name=</span><span class="s">"CustomForm"</span><span class="w"> </span><span class="na">type=</span><span class="s">"trexForm.Designer.CustomForm, trexForm.Designer, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null"</span><span class="w"> </span><span class="na">version=</span><span class="s">"1"</span><span class="nt">></span>
</span><span id="__span-3-2"><a id="__codelineno-3-2" name="__codelineno-3-2" href="#__codelineno-3-2"></a><span class="w"> </span><span class="nt"><AutoValidate></span>EnablePreventFocusChange<span class="nt"></AutoValidate></span>
</span><span id="__span-3-3"><a id="__codelineno-3-3" name="__codelineno-3-3" href="#__codelineno-3-3"></a><span class="w"> </span><span class="nt"><BackColor></span>LightCoral<span class="nt"></BackColor></span>
</span><span id="__span-3-4"><a id="__codelineno-3-4" name="__codelineno-3-4" href="#__codelineno-3-4"></a><span class="w"> </span><span class="nt"><ClientSize></span>556,<span class="w"> </span>369<span class="nt"></ClientSize></span>
</span><span id="__span-3-5"><a id="__codelineno-3-5" name="__codelineno-3-5" href="#__codelineno-3-5"></a><span class="w"> </span><span class="nt"><AutoScaleDimensions></span>6,<span class="w"> </span>13<span class="nt"></AutoScaleDimensions></span>
</span><span id="__span-3-6"><a id="__codelineno-3-6" name="__codelineno-3-6" href="#__codelineno-3-6"></a><span class="w"> </span><span class="nt"><Cursor></span>Default<span class="nt"></Cursor></span>
</span><span id="__span-3-7"><a id="__codelineno-3-7" name="__codelineno-3-7" href="#__codelineno-3-7"></a><span class="w"> </span><span class="nt"><Font></span>Microsoft<span class="w"> </span>Sans<span class="w"> </span>Serif,<span class="w"> </span>8.25pt<span class="nt"></Font></span>
</span><span id="__span-3-8"><a id="__codelineno-3-8" name="__codelineno-3-8" href="#__codelineno-3-8"></a><span class="w"> </span><span class="nt"><ForeColor></span>ControlText<span class="nt"></ForeColor></span>
</span><span id="__span-3-9"><a id="__codelineno-3-9" name="__codelineno-3-9" href="#__codelineno-3-9"></a><span class="w"> </span><span class="nt"><Name></span>CustomForm<span class="nt"></Name></span>
</span><span id="__span-3-10"><a id="__codelineno-3-10" name="__codelineno-3-10" href="#__codelineno-3-10"></a><span class="w"> </span><span class="nt"><RightToLeft></span>No<span class="nt"></RightToLeft></span>
</span><span id="__span-3-11"><a id="__codelineno-3-11" name="__codelineno-3-11" href="#__codelineno-3-11"></a>
</span><span id="__span-3-12"><a id="__codelineno-3-12" name="__codelineno-3-12" href="#__codelineno-3-12"></a><span class="w"> </span><span class="nt"><Object</span><span class="w"> </span><span class="na">type=</span><span class="s">"System.Windows.Forms.Label, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089"</span><span class="w"> </span><span class="na">name=</span><span class="s">"lblMesaj"</span><span class="nt">></span>
</span><span id="__span-3-13"><a id="__codelineno-3-13" name="__codelineno-3-13" href="#__codelineno-3-13"></a><span class="w"> </span><span class="nt"><TextAlign></span>MiddleCenter<span class="nt"></TextAlign></span>
</span><span id="__span-3-14"><a id="__codelineno-3-14" name="__codelineno-3-14" href="#__codelineno-3-14"></a><span class="w"> </span><span class="nt"><Text></span>Label1<span class="nt"></Text></span>
</span><span id="__span-3-15"><a id="__codelineno-3-15" name="__codelineno-3-15" href="#__codelineno-3-15"></a><span class="w"> </span><span class="nt"><Dock></span>Top<span class="nt"></Dock></span>
</span><span id="__span-3-16"><a id="__codelineno-3-16" name="__codelineno-3-16" href="#__codelineno-3-16"></a><span class="w"> </span><span class="nt"><Font></span>Microsoft<span class="w"> </span>Sans<span class="w"> </span>Serif,<span class="w"> </span>20.25pt,<span class="w"> </span>style=Bold<span class="nt"></Font></span>
</span><span id="__span-3-17"><a id="__codelineno-3-17" name="__codelineno-3-17" href="#__codelineno-3-17"></a><span class="w"> </span><span class="nt"><Location></span>0,<span class="w"> </span>0<span class="nt"></Location></span>
</span><span id="__span-3-18"><a id="__codelineno-3-18" name="__codelineno-3-18" href="#__codelineno-3-18"></a><span class="w"> </span><span class="nt"><Name></span>lblMesaj<span class="nt"></Name></span>
</span><span id="__span-3-19"><a id="__codelineno-3-19" name="__codelineno-3-19" href="#__codelineno-3-19"></a><span class="w"> </span><span class="nt"><Size></span>556,<span class="w"> </span>145<span class="nt"></Size></span>
</span><span id="__span-3-20"><a id="__codelineno-3-20" name="__codelineno-3-20" href="#__codelineno-3-20"></a><span class="w"> </span><span class="nt"><TabIndex></span>1<span class="nt"></TabIndex></span>
</span><span id="__span-3-21"><a id="__codelineno-3-21" name="__codelineno-3-21" href="#__codelineno-3-21"></a><span class="w"> </span><span class="nt"></Object></span>
</span><span id="__span-3-22"><a id="__codelineno-3-22" name="__codelineno-3-22" href="#__codelineno-3-22"></a>
</span><span id="__span-3-23"><a id="__codelineno-3-23" name="__codelineno-3-23" href="#__codelineno-3-23"></a><span class="w"> </span><span class="nt"><Object</span><span class="w"> </span><span class="na">type=</span><span class="s">"System.Windows.Forms.Button, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089"</span><span class="w"> </span><span class="na">name=</span><span class="s">"btnTamam"</span><span class="nt">></span>
</span><span id="__span-3-24"><a id="__codelineno-3-24" name="__codelineno-3-24" href="#__codelineno-3-24"></a><span class="w"> </span><span class="nt"><BackColor></span>Yellow<span class="nt"></BackColor></span>
</span><span id="__span-3-25"><a id="__codelineno-3-25" name="__codelineno-3-25" href="#__codelineno-3-25"></a><span class="w"> </span><span class="nt"><FlatAppearance</span><span class="w"> </span><span class="na">control=</span><span class="s">"true"</span><span class="nt">></span>
</span><span id="__span-3-26"><a id="__codelineno-3-26" name="__codelineno-3-26" href="#__codelineno-3-26"></a><span class="w"> </span><span class="nt"><Object</span><span class="w"> </span><span class="na">type=</span><span class="s">"System.Windows.Forms.FlatButtonAppearance, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089"</span><span class="w"> </span><span class="na">name=</span><span class="s">"FlatButtonAppearance1"</span><span class="nt">/></span>
</span><span id="__span-3-27"><a id="__codelineno-3-27" name="__codelineno-3-27" href="#__codelineno-3-27"></a><span class="w"> </span><span class="nt"></FlatAppearance></span>
</span><span id="__span-3-28"><a id="__codelineno-3-28" name="__codelineno-3-28" href="#__codelineno-3-28"></a><span class="w"> </span><span class="nt"><Text></span>TAMAM<span class="nt"></Text></span>
</span><span id="__span-3-29"><a id="__codelineno-3-29" name="__codelineno-3-29" href="#__codelineno-3-29"></a><span class="w"> </span><span class="nt"><UseVisualStyleBackColor></span>False<span class="nt"></UseVisualStyleBackColor></span>
</span><span id="__span-3-30"><a id="__codelineno-3-30" name="__codelineno-3-30" href="#__codelineno-3-30"></a><span class="w"> </span><span class="nt"><Font></span>Microsoft<span class="w"> </span>Sans<span class="w"> </span>Serif,<span class="w"> </span>15.75pt<span class="nt"></Font></span>
</span><span id="__span-3-31"><a id="__codelineno-3-31" name="__codelineno-3-31" href="#__codelineno-3-31"></a><span class="w"> </span><span class="nt"><Location></span>174,<span class="w"> </span>251<span class="nt"></Location></span>
</span><span id="__span-3-32"><a id="__codelineno-3-32" name="__codelineno-3-32" href="#__codelineno-3-32"></a><span class="w"> </span><span class="nt"><Name></span>btnTamam<span class="nt"></Name></span>
</span><span id="__span-3-33"><a id="__codelineno-3-33" name="__codelineno-3-33" href="#__codelineno-3-33"></a><span class="w"> </span><span class="nt"><Size></span>192,<span class="w"> </span>100<span class="nt"></Size></span>
</span><span id="__span-3-34"><a id="__codelineno-3-34" name="__codelineno-3-34" href="#__codelineno-3-34"></a><span class="w"> </span><span class="nt"><TabIndex></span>0<span class="nt"></TabIndex></span>
</span><span id="__span-3-35"><a id="__codelineno-3-35" name="__codelineno-3-35" href="#__codelineno-3-35"></a><span class="w"> </span><span class="nt"></Object></span>
</span><span id="__span-3-36"><a id="__codelineno-3-36" name="__codelineno-3-36" href="#__codelineno-3-36"></a><span class="nt"></Object></span>
</span></code></pre></div>
<p>Bu tasarımda:</p>
<ul>
<li><code>lblMesaj</code> — forma üstten (<code>Dock: Top</code>) sabitlenen, 20.25pt kalın fontlu bir etiket</li>
<li><code>btnTamam</code> — sarı arka planlı, ortada konumlandırılmış bir buton</li>
</ul>
<div class="admonition info">
<p class="admonition-title">Form Events ile Olay Dinleme</p>
<p>Form üzerindeki kontrol olayları (buton tıklaması, değer değişimi vb.) <strong>Form Events</strong> nodu ile dinlenebilir. <code>btnTamam</code>'ın tıklanmasını yakalamak için <code>Form Events</code> nodunu aynı akışa ekleyin ve ilgili kontrol adını (<code>btnTamam</code>) belirtin.</p>
</div>
<h3 id="sk-kullanlan-kontrol-tipleri">Sık Kullanılan Kontrol Tipleri<a class="headerlink" href="#sk-kullanlan-kontrol-tipleri" title="Bu bolume kalici baglanti">¶</a></h3>
<table>
<thead>
<tr>
<th>Kontrol</th>
<th><code>type</code> Değeri (kısaltılmış)</th>
</tr>
</thead>
<tbody>
<tr>
<td>Etiket</td>
<td><code>System.Windows.Forms.Label</code></td>
</tr>
<tr>
<td>Buton</td>
<td><code>System.Windows.Forms.Button</code></td>
</tr>
<tr>
<td>Metin Kutusu</td>
<td><code>System.Windows.Forms.TextBox</code></td>
</tr>
<tr>
<td>Sayısal Giriş</td>
<td><code>System.Windows.Forms.NumericUpDown</code></td>
</tr>
<tr>
<td>Onay Kutusu</td>
<td><code>System.Windows.Forms.CheckBox</code></td>
</tr>
<tr>
<td>Açılır Liste</td>
<td><code>System.Windows.Forms.ComboBox</code></td>
</tr>
<tr>
<td>DataGridView</td>
<td><code>System.Windows.Forms.DataGridView</code></td>
</tr>
</tbody>
</table>
<div class="admonition tip">
<p class="admonition-title">Tasarımı elle yazmayın</p>
<p>XML formatı karmaşık olduğundan <strong>Custom Form Designer</strong> aracını kullanın. Designer'dan dışa aktarılan XML doğrudan <code>customformxml</code> alanına yapıştırılabilir.</p>
</div>
<h2 id="custom-form-designer-entegrasyonu">Custom Form Designer Entegrasyonu<a class="headerlink" href="#custom-form-designer-entegrasyonu" title="Bu bolume kalici baglanti">¶</a></h2>
<p>Node arayüzünde <strong>"Designer'da Aç"</strong> butonu bulunur. Bu buton <code>customFormDesigner.exe</code> aracını başlatır:</p>
<div class="language-javascript highlight"><pre><span></span><code><span id="__span-4-1"><a id="__codelineno-4-1" name="__codelineno-4-1" href="#__codelineno-4-1"></a><span class="nx">RED</span><span class="p">.</span><span class="nx">httpAdmin</span><span class="p">.</span><span class="nx">post</span><span class="p">(</span><span class="s2">"/custom-form/run-exe"</span><span class="p">,</span><span class="w"> </span><span class="kd">function</span><span class="w"> </span><span class="p">(</span><span class="nx">req</span><span class="p">,</span><span class="w"> </span><span class="nx">res</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
</span><span id="__span-4-2"><a id="__codelineno-4-2" name="__codelineno-4-2" href="#__codelineno-4-2"></a><span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="nx">exePath</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">RED</span><span class="p">.</span><span class="nx">settings</span><span class="p">.</span><span class="nx">functionGlobalContext</span><span class="p">.</span><span class="nx">customFormDesignerPath</span><span class="p">;</span>
</span><span id="__span-4-3"><a id="__codelineno-4-3" name="__codelineno-4-3" href="#__codelineno-4-3"></a><span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="nx">process</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nx">spawn</span><span class="p">(</span><span class="nx">exePath</span><span class="p">,</span><span class="w"> </span><span class="p">[</span><span class="nx">filename</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s2">"|"</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="nx">xmlContent</span><span class="p">]);</span>
</span><span id="__span-4-4"><a id="__codelineno-4-4" name="__codelineno-4-4" href="#__codelineno-4-4"></a><span class="w"> </span><span class="c1">// Designer kapandığında çıktıyı oku</span>
</span><span id="__span-4-5"><a id="__codelineno-4-5" name="__codelineno-4-5" href="#__codelineno-4-5"></a><span class="w"> </span><span class="kd">const</span><span class="w"> </span><span class="nx">outputPath</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s2">"c:\\temp\\"</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="nx">filename</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="s2">"_form_design.xml"</span><span class="p">;</span>
</span><span id="__span-4-6"><a id="__codelineno-4-6" name="__codelineno-4-6" href="#__codelineno-4-6"></a><span class="p">});</span>
</span></code></pre></div>
<h3 id="gereksinimler">Gereksinimler<a class="headerlink" href="#gereksinimler" title="Bu bolume kalici baglanti">¶</a></h3>
<ol>
<li><strong>Windows</strong> işletim sistemi</li>
<li><code>customFormDesigner.exe</code> dosyası mevcut</li>
<li>Node-RED <code>settings.js</code> içinde tanımlı:</li>
</ol>
<div class="language-javascript highlight"><pre><span></span><code><span id="__span-5-1"><a id="__codelineno-5-1" name="__codelineno-5-1" href="#__codelineno-5-1"></a><span class="nx">functionGlobalContext</span><span class="o">:</span><span class="w"> </span><span class="p">{</span>
</span><span id="__span-5-2"><a id="__codelineno-5-2" name="__codelineno-5-2" href="#__codelineno-5-2"></a><span class="w"> </span><span class="nx">customFormDesignerPath</span><span class="o">:</span><span class="w"> </span><span class="s2">"C:\\trex\\tools\\customFormDesigner.exe"</span>
</span><span id="__span-5-3"><a id="__codelineno-5-3" name="__codelineno-5-3" href="#__codelineno-5-3"></a><span class="p">}</span>
</span></code></pre></div>
<ol>
<li>Çıktı dosyası <code>C:\temp\<formname>_form_design.xml</code> konumuna yazılır.</li>
</ol>
<h2 id="form-design-config-node">Form Design Config Node<a class="headerlink" href="#form-design-config-node" title="Bu bolume kalici baglanti">¶</a></h2>
<p><code>Custom Form</code> ile birlikte <code>Form Design</code> adında ayrı bir config node tipi de kaydedilir. Bu node yalnızca XML içeriğini tutar; akışa eklenemez (palette'te görünmez).</p>
<table>
<thead>
<tr>
<th>Alan</th>
<th>Açıklama</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>name</code></td>
<td>Tasarım adı (birden fazla form için ayırt edici)</td>
</tr>
<tr>
<td><code>formdesignxml</code></td>
<td>XML içeriği</td>
</tr>
</tbody>
</table>
<p>Custom Form node'unda <code>designformname</code> alanına bu config'in adını yazarak link verirsiniz.</p>
<h2 id="tipik-aks">Tipik Akış<a class="headerlink" href="#tipik-aks" title="Bu bolume kalici baglanti">¶</a></h2>
<pre class="mermaid"><code>flowchart LR
A[Business Events] --> B[Custom Form<br/>OrderForm]
B --> C[Form Bind Controls<br/>Veriyi bağla]
C --> D[Button Configurator<br/>Butonları ayarla]
D --> E[Responser]
style A fill:#ccffcc,color:#000
style B fill:#ccffcc,color:#000
style C fill:#ccffcc,color:#000
style D fill:#ccffcc,color:#000
style E fill:#ccffcc,color:#000</code></pre>
<h2 id="sk-karslaslan-hatalar">Sık Karşılaşılan Hatalar<a class="headerlink" href="#sk-karslaslan-hatalar" title="Bu bolume kalici baglanti">¶</a></h2>
<div class="admonition failure">
<p class="admonition-title">Designer çalışmıyor</p>
<p><code>settings.js</code> içinde <code>customFormDesignerPath</code> tanımlı mı? Dosya yolu doğru ve dosya gerçekten var mı?</p>
</div>
<div class="admonition failure">
<p class="admonition-title">Designer Output not found</p>
<p>Designer'ın çıktıyı yazacağı <code>C:\temp\</code> klasörü erişilebilir mi? Node-RED'in yazma izni var mı?</p>
</div>
<div class="admonition failure">
<p class="admonition-title">Form panelde gözükmüyor</p>
<ul>
<li><code>customformxml</code> veya <code>designformname</code> boş kalmış olabilir</li>
<li>XML formatı geçerli mi? (Açıkta kalmış tag, geçersiz attribute)</li>
<li>Akış sonunda <code>Responser</code> var mı?</li>
</ul>
</div>
<h2 id="ipuclar">İpuçları<a class="headerlink" href="#ipuclar" title="Bu bolume kalici baglanti">¶</a></h2>
<div class="admonition tip">
<p class="admonition-title">XML'i versiyon kontrolüne alın</p>
<p><code>customformxml</code> alanına büyük XML yapıştırmak yerine <strong><code>Form Design</code> config node</strong> kullanın. Bu node'un içeriği flow JSON'una dahil olur ve git'te değişiklikleri takip edebilirsiniz.</p>
</div>
<div class="admonition tip">
<p class="admonition-title">Stillendirme</p>
<p><code>isstyled: true</code> seçeneği, panel tarafının form içeriğine <strong>temaya özel stilleri</strong> uygulamasını sağlar. Custom temalarla çalışıyorsanız mutlaka aktif edin.</p>
</div>
<h2 id="ilgili-nodlar">İlgili Nodlar<a class="headerlink" href="#ilgili-nodlar" title="Bu bolume kalici baglanti">¶</a></h2>
<ul>
<li><a href="../form-bind-controls/">Form Bind Controls</a> — Form alanlarına veri bağlama</li>
<li><a href="../control-properties/">Control Properties</a> — Kontrol özelliklerini ayarlama</li>
<li><a href="../button-configurator/">Button Configurator</a> — Form butonlarını yapılandırma</li>
<li><a href="../form-events/">Form Events</a> — Form etkileşim olayları</li>
</ul>
</article>
</div>
<script>var tabs=__md_get("__tabs");if(Array.isArray(tabs))e:for(var set of document.querySelectorAll(".tabbed-set")){var labels=set.querySelector(".tabbed-labels");for(var tab of tabs)for(var label of labels.getElementsByTagName("label"))if(label.innerText.trim()===tab){var input=document.getElementById(label.htmlFor);input.checked=!0;continue e}}</script>
<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
</div>
<button type="button" class="md-top md-icon" data-md-component="top" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
Başa dön
</button>
</main>
<footer class="md-footer">
<nav class="md-footer__inner md-grid" aria-label="Altbilgi" >
<a href="../handle-setter/" class="md-footer__link md-footer__link--prev" aria-label="Önceki: Handle Setter">
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
</div>
<div class="md-footer__title">
<span class="md-footer__direction">
Önceki
</span>
<div class="md-ellipsis">
Handle Setter
</div>
</div>
</a>
<a href="../form-bind-controls/" class="md-footer__link md-footer__link--next" aria-label="Sonraki: Form Bind Controls">
<div class="md-footer__title">
<span class="md-footer__direction">
Sonraki
</span>
<div class="md-ellipsis">
Form Bind Controls
</div>
</div>
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
</div>
</a>
</nav>
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">
<div class="md-copyright">
<div class="md-copyright__highlight">
Copyright © 2024 - 2026 Asaf Yurdakul - trex Digital Manufacturing
</div>
</div>
<div class="md-social">
<a href="https://github.com/asafyurdakul" target="_blank" rel="noopener" title="GitHub" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M173.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M252.8 8C114.1 8 8 113.3 8 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C436.2 457.8 504 362.9 504 252 504 113.3 391.5 8 252.8 8M105.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
</a>
<a href="https://trex.com.tr" target="_blank" rel="noopener" title="trex Digital Manufacturing" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M351.9 280H161c2.9 64.5 17.2 123.9 37.5 167.4 11.4 24.5 23.7 41.8 35.1 52.4 11.2 10.5 18.9 12.2 22.9 12.2s11.7-1.7 22.9-12.2c11.4-10.6 23.7-28 35.1-52.4 20.3-43.5 34.6-102.9 37.5-167.4zm-191-48h190.9c-2.8-64.5-17.1-123.9-37.4-167.4-11.4-24.4-23.7-41.8-35.1-52.4C268.1 1.7 260.4 0 256.4 0s-11.7 1.7-22.9 12.2c-11.4 10.6-23.7 28-35.1 52.4-20.3 43.5-34.6 102.9-37.5 167.4m-48 0c3.5-85.6 25.6-165.1 57.9-217.3C78.7 47.3 10.9 131.2 1.5 232zM1.5 280c9.4 100.8 77.2 184.7 169.3 217.3-32.3-52.2-54.4-131.7-57.9-217.3zm398.4 0c-3.5 85.6-25.6 165.1-57.9 217.3 92.1-32.7 159.9-116.5 169.3-217.3zm111.4-48C501.9 131.2 434.1 47.3 342 14.7c32.3 52.2 54.4 131.7 57.9 217.3z"/></svg>
</a>
</div>
</div>
</div>
</footer>
</div>
<div class="md-dialog" data-md-component="dialog">
<div class="md-dialog__inner md-typeset"></div>
</div>
<script id="__config" type="application/json">{"base": "../..", "features": ["navigation.instant", "navigation.tracking", "navigation.tabs", "navigation.tabs.sticky", "navigation.sections", "navigation.path", "navigation.indexes", "navigation.top", "navigation.footer", "search.suggest", "search.highlight", "search.share", "content.code.copy", "content.code.select", "content.code.annotate", "content.tabs.link", "content.tooltips", "content.action.edit", "toc.follow"], "search": "../../assets/javascripts/workers/search.973d3a69.min.js", "tags": null, "translations": {"clipboard.copied": "Kopyaland\u0131", "clipboard.copy": "Kopyala", "search.result.more.one": "Bu sayfada 1 tane daha", "search.result.more.other": "Bu sayfada # tane daha", "search.result.none": "E\u015fle\u015fen dok\u00fcman bulunamad\u0131", "search.result.one": "1 dok\u00fcman bulundu", "search.result.other": "# dok\u00fcman bulundu", "search.result.placeholder": "Aramaya ba\u015flamak i\u00e7in yaz\u0131n", "search.result.term.missing": "Eksik", "select.version": "Versiyon se\u00e7"}, "version": null}</script>
<script src="../../assets/javascripts/bundle.f55a23d4.min.js"></script>
</body>
</html>