"use strict";(self.webpackChunknoco_docs=self.webpackChunknoco_docs||[]).push([[3469],{3905:(e,t,l)=>{l.d(t,{Zo:()=>c,kt:()=>m});var r=l(67294);function o(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function i(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,r)}return l}function n(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?i(Object(l),!0).forEach((function(t){o(e,t,l[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):i(Object(l)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))}))}return e}function a(e,t){if(null==e)return{};var l,r,o=function(e,t){if(null==e)return{};var l,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||(o[l]=e[l]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(o[l]=e[l])}return o}var s=r.createContext({}),d=function(e){var t=r.useContext(s),l=t;return e&&(l="function"==typeof e?e(t):n(n({},t),e)),l},c=function(e){var t=d(e.components);return r.createElement(s.Provider,{value:t},e.children)},p="mdxType",f={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},u=r.forwardRef((function(e,t){var l=e.components,o=e.mdxType,i=e.originalType,s=e.parentName,c=a(e,["components","mdxType","originalType","parentName"]),p=d(l),u=o,m=p["".concat(s,".").concat(u)]||p[u]||f[u]||i;return l?r.createElement(m,n(n({ref:t},c),{},{components:l})):r.createElement(m,n({ref:t},c))}));function m(e,t){var l=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var i=l.length,n=new Array(i);n[0]=u;var a={};for(var s in t)hasOwnProperty.call(t,s)&&(a[s]=t[s]);a.originalType=e,a[p]="string"==typeof e?e:o,n[1]=a;for(var d=2;d<i;d++)n[d]=l[d];return r.createElement.apply(null,n)}return r.createElement.apply(null,l)}u.displayName="MDXCreateElement"},694:(e,t,l)=>{l.r(t),l.d(t,{assets:()=>s,contentTitle:()=>n,default:()=>f,frontMatter:()=>i,metadata:()=>a,toc:()=>d});var r=l(87462),o=(l(67294),l(3905));const i={title:"QR code",description:"This article explains how to create & work with a QR code field.",tags:["Fields","Field types","Custom types","QR code"],keywords:["Fields","Field types","Custom types","QR code","Create QR code field"]},n=void 0,a={unversionedId:"fields/field-types/custom-types/QR-code",id:"fields/field-types/custom-types/QR-code",title:"QR code",description:"This article explains how to create & work with a QR code field.",source:"@site/docs/070.fields/040.field-types/050.custom-types/040.QR-code.md",sourceDirName:"070.fields/040.field-types/050.custom-types",slug:"/fields/field-types/custom-types/QR-code",permalink:"/fields/field-types/custom-types/QR-code",draft:!1,editUrl:"https://github.com/nocodb/nocodb/tree/develop/packages/noco-docs/docs/docs/070.fields/040.field-types/050.custom-types/040.QR-code.md",tags:[{label:"Fields",permalink:"/tags/fields"},{label:"Field types",permalink:"/tags/field-types"},{label:"Custom types",permalink:"/tags/custom-types"},{label:"QR code",permalink:"/tags/qr-code"}],version:"current",sidebarPosition:40,frontMatter:{title:"QR code",description:"This article explains how to create & work with a QR code field.",tags:["Fields","Field types","Custom types","QR code"],keywords:["Fields","Field types","Custom types","QR code","Create QR code field"]},sidebar:"tutorialSidebar",previous:{title:"Attachment",permalink:"/fields/field-types/custom-types/attachment"},next:{title:"Barcode",permalink:"/fields/field-types/custom-types/barcode"}},s={},d=[{value:"Create a QR code field",id:"create-a-qr-code-field",level:2},{value:"Cell display",id:"cell-display",level:3},{value:"Related fields",id:"related-fields",level:2}],c={toc:d},p="wrapper";function f(e){let{components:t,...i}=e;return(0,o.kt)(p,(0,r.Z)({},c,i,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("p",null,(0,o.kt)("inlineCode",{parentName:"p"},"QR code")," is a custom field type that allows you to generate a QR code from a string value. This is useful for generating QR codes for things like URLs, phone numbers, or other data that can be represented as a string."),(0,o.kt)("p",null,"The following field types are supported for the reference field:"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"Formula"),(0,o.kt)("li",{parentName:"ul"},"Single Line Text"),(0,o.kt)("li",{parentName:"ul"},"Long Text"),(0,o.kt)("li",{parentName:"ul"},"Phone Number"),(0,o.kt)("li",{parentName:"ul"},"URL"),(0,o.kt)("li",{parentName:"ul"},"Email")),(0,o.kt)("h2",{id:"create-a-qr-code-field"},"Create a QR code field"),(0,o.kt)("ol",null,(0,o.kt)("li",{parentName:"ol"},"Click on ",(0,o.kt)("inlineCode",{parentName:"li"},"+")," icon to the right of ",(0,o.kt)("inlineCode",{parentName:"li"},"Fields header")),(0,o.kt)("li",{parentName:"ol"},"On the dropdown modal, enter the field name (Optional)."),(0,o.kt)("li",{parentName:"ol"},"Select the field type as ",(0,o.kt)("inlineCode",{parentName:"li"},"QR Code")," from the dropdown."),(0,o.kt)("li",{parentName:"ol"},"Select the field to be used as the source for the QR code."),(0,o.kt)("li",{parentName:"ol"},"Click on ",(0,o.kt)("inlineCode",{parentName:"li"},"Save Field")," button.")),(0,o.kt)("p",null,(0,o.kt)("img",{alt:"image",src:l(40543).Z,width:"2876",height:"1198"})),(0,o.kt)("h3",{id:"cell-display"},"Cell display"),(0,o.kt)("p",null,"Cell displays the QR code generated from the source field. Click on the cell to open enlarged view of the QR code."),(0,o.kt)("p",null,(0,o.kt)("img",{alt:"image",src:l(86789).Z,width:"948",height:"666"}),(0,o.kt)("br",{parentName:"p"}),"\n",(0,o.kt)("img",{alt:"image",src:l(61025).Z,width:"947",height:"704"}),"  "),(0,o.kt)("h2",{id:"related-fields"},"Related fields"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},(0,o.kt)("a",{parentName:"li",href:"/fields/field-types/custom-types/barcode"},"Barcode"))))}f.isMDXComponent=!0},86789:(e,t,l)=>{l.d(t,{Z:()=>r});const r=l.p+"assets/images/qr-cell-display-4c407736d9529d363e9c5a5894d89064.png"},61025:(e,t,l)=>{l.d(t,{Z:()=>r});const r=l.p+"assets/images/qr-expand-71565f5a001bd474c52fd39577539d73.png"},40543:(e,t,l)=>{l.d(t,{Z:()=>r});const r=l.p+"assets/images/QR-46ddd7cfc009771eb6af72acb0e6124e.png"}}]);