Thank you

Our team will get you back soon.

Get A Quote

Product Info

parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-length" as=${html``} />
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-width" as=${html``} />
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-depth" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-unit'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-unit" placeholder="${ parent.decodeEntities(`Unit`) } " isSearchable=${false} options=${[{"label":"in","value":"in","isDisabled":false},{"label":"cm","value":"cm","isDisabled":false},{"label":"mm","value":"mm","isDisabled":false}]} value=${parent.getValue("mf-unit") ? [{"label":"in","value":"in","isDisabled":false},{"label":"cm","value":"cm","isDisabled":false},{"label":"mm","value":"mm","isDisabled":false}].filter(item => item.value === parent.getValue("mf-unit"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-unit")} ref=${() => { register({ name: "mf-unit" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true})); if ( parent.getValue("mf-unit") === '' && false ) { parent.setValue( 'mf-unit', '', true ); parent.handleChange({ target: { name: 'mf-unit', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-unit" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-material'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-material" placeholder="${ parent.decodeEntities(`Material & Stock`) } " isSearchable=${false} options=${[{"label":"White Card Stock","value":"12pt - 24tp Card Stock","isDisabled":false},{"label":"Kraft \/ Eco Friendly Stock","value":"Kraft \/ Eco Friendly Stock","isDisabled":false},{"label":"Corrugate Stock","value":"Corrugate Stock","isDisabled":false},{"label":"Rigid Stock","value":"Rigid Stock","isDisabled":false}]} value=${parent.getValue("mf-material") ? [{"label":"White Card Stock","value":"12pt - 24tp Card Stock","isDisabled":false},{"label":"Kraft \/ Eco Friendly Stock","value":"Kraft \/ Eco Friendly Stock","isDisabled":false},{"label":"Corrugate Stock","value":"Corrugate Stock","isDisabled":false},{"label":"Rigid Stock","value":"Rigid Stock","isDisabled":false}].filter(item => item.value === parent.getValue("mf-material"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-material")} ref=${() => { register({ name: "mf-material" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-material") === '' && false ) { parent.setValue( 'mf-material', '', true ); parent.handleChange({ target: { name: 'mf-material', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-material" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-color'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-color" placeholder="${ parent.decodeEntities(`Color Printing`) } " isSearchable=${false} options=${[{"label":"No Printing \/ Plain","value":"No Printing \/ blank","isDisabled":false},{"label":"1 Color","value":"1 Color","isDisabled":false},{"label":"2 Color","value":"2 Color","isDisabled":false},{"label":"3 Color","value":"3 Color","isDisabled":false},{"label":"4 Color","value":"4 Color","isDisabled":false},{"label":"Full Color","value":"Full Color","isDisabled":false}]} value=${parent.getValue("mf-color") ? [{"label":"No Printing \/ Plain","value":"No Printing \/ blank","isDisabled":false},{"label":"1 Color","value":"1 Color","isDisabled":false},{"label":"2 Color","value":"2 Color","isDisabled":false},{"label":"3 Color","value":"3 Color","isDisabled":false},{"label":"4 Color","value":"4 Color","isDisabled":false},{"label":"Full Color","value":"Full Color","isDisabled":false}].filter(item => item.value === parent.getValue("mf-color"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-color")} ref=${() => { register({ name: "mf-color" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-color") === '' && false ) { parent.setValue( 'mf-color', '', true ); parent.handleChange({ target: { name: 'mf-color', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-color" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-print'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-print" placeholder="${ parent.decodeEntities(`Printing Options`) } " isSearchable=${false} options=${[{"label":"No Printing \/ Plain","value":"No Printing","isDisabled":false},{"label":"Outside Only","value":"Outside Only","isDisabled":false},{"label":"Inside Only","value":"Inside Only","isDisabled":false},{"label":"Inside & Outside","value":"Inside & Outside","isDisabled":false}]} value=${parent.getValue("mf-print") ? [{"label":"No Printing \/ Plain","value":"No Printing","isDisabled":false},{"label":"Outside Only","value":"Outside Only","isDisabled":false},{"label":"Inside Only","value":"Inside Only","isDisabled":false},{"label":"Inside & Outside","value":"Inside & Outside","isDisabled":false}].filter(item => item.value === parent.getValue("mf-print"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-print")} ref=${() => { register({ name: "mf-print" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-print") === '' && false ) { parent.setValue( 'mf-print', '', true ); parent.handleChange({ target: { name: 'mf-print', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-print" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-thickness'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-thickness" placeholder="${ parent.decodeEntities(`Card Stock Thickness`) } " isSearchable=${false} options=${[{"label":"12pt","value":"12pt","isDisabled":false},{"label":"14pt","value":"14pt","isDisabled":false},{"label":"16pt","value":"16pt","isDisabled":false},{"label":"18pt","value":"18pt","isDisabled":false},{"label":"20pt","value":"20pt","isDisabled":false},{"label":"22pt","value":"22pt","isDisabled":false},{"label":"24pt","value":"24pt","isDisabled":false}]} value=${parent.getValue("mf-thickness") ? [{"label":"12pt","value":"12pt","isDisabled":false},{"label":"14pt","value":"14pt","isDisabled":false},{"label":"16pt","value":"16pt","isDisabled":false},{"label":"18pt","value":"18pt","isDisabled":false},{"label":"20pt","value":"20pt","isDisabled":false},{"label":"22pt","value":"22pt","isDisabled":false},{"label":"24pt","value":"24pt","isDisabled":false}].filter(item => item.value === parent.getValue("mf-thickness"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-thickness")} ref=${() => { register({ name: "mf-thickness" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-thickness") === '' && false ) { parent.setValue( 'mf-thickness', '', true ); parent.handleChange({ target: { name: 'mf-thickness', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-thickness" as=${html``} />
<${props.Select} className=${"mf-input mf-input-select " + ( validation.errors['mf-lami'] ? 'mf-invalid' : '' )} classNamePrefix="mf_select" name="mf-lami" placeholder="${ parent.decodeEntities(`Lamination / Finish`) } " isSearchable=${false} options=${[{"label":"Gloss","value":"Gloss","isDisabled":false},{"label":"Matte","value":"Matte","isDisabled":false}]} value=${parent.getValue("mf-lami") ? [{"label":"Gloss","value":"Gloss","isDisabled":false},{"label":"Matte","value":"Matte","isDisabled":false}].filter(item => item.value === parent.getValue("mf-lami"))[0] : []} onChange=${(e)=> parent.handleSelect(e, "mf-lami")} ref=${() => { register({ name: "mf-lami" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false})); if ( parent.getValue("mf-lami") === '' && false ) { parent.setValue( 'mf-lami', '', true ); parent.handleChange({ target: { name: 'mf-lami', value: '' } }); } }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-lami" as=${html``} />
{ parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el) }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-quant" as=${html``} />

Personal Info

{ parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el) }} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-name" as=${html``} />
parent.activateValidation({"message":"This field is required.","emailMessage":"Please enter a valid Email address","minLength":1,"maxLength":"","type":"none","required":true,"expression":"null"}, el)} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-email" as=${html``} />
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)} /> <${validation.ErrorMessage} errors=${validation.errors} name="mf-tel" as=${html``} />

Upload Your ArtWork

parent.activateValidation({"message":"This field is required.","required":false,"file_types":[".jpg",".jpeg",".png",".pdf"],"type_message":"Invalid file extension","size_limit":300,"limit_message":"File size cannot exceed 300 kb"}, el) } />
${parent.getFileLabel( 'mf-file-upload', 'No file chosen.' )}
<${validation.ErrorMessage} errors=${validation.errors} name="mf-file-upload" as=${html``} />
<${validation.ErrorMessage} errors=${validation.errors} name="mf-textarea" as=${html``} />
parent.activateValidation({"message":"reCAPTCHA is required.","required":true}, el)} /> <${validation.ErrorMessage} errors=${validation.errors} name="g-recaptcha-response" as=${html``} />