Form controls
Every way staff enter or change data in the admin: names and handles, SEO copy, statuses, cloths, prices in several currencies, dates, tags and photos.
Buttons Field layout Input Textarea Select Combobox Cloth picker Checkbox Radio Switch Segmented Date Money Price group Tags Uploader Form section
Buttons
Button · ranked: one primary, then secondary, tertiary, ghost and danger.
.btn-primary.btn-secondary.btn-tertiary.btn-ghost.btn-danger.btn-danger-quiet.sm.lg.icon-btn.fc-bgroup--r-control--e-btn--focus-ringField layout
Label · control · help or error. Required gets a mark, optional says so.
Filled from the anchor cloth. Change it if the photos read differently.
Weight required: the cloth has none, so enter it here.
Shown in the header and on emails.
Prices are entered in this currency first.
Set by RJ HQ. Ask HQ to change it.
.lbl.lbl small.fc-req.fc-lrow.help.help.err.fc-hz--text-label--s-6Input
Input · text, with prefix, suffix, icon and clear.
.input.field.fc-in.fc-aff.fc-in.ro.err--control-h--input--ring--focus-ringTextarea with counter
Textarea · counter turns amber at 90% and red over the limit (Meta title 60, Meta description 160).
Search results show about 60 characters.
Made to measure in Holland & Sherry Crystal Springs navy birdseye, 280 g. Half-canvas, two buttons, notch lapel. Cut to your measurements in four weeks.
11 characters over. Search engines cut the rest.
.fc-ta.fc-count.fc-count.near.fc-count.over.fc-meterdata-fc-max--warning--destructiveSelect
Select · status options carry their colour; a reason sits under each choice.
[data-k-pop].k-pop.fc-pop.fc-opt.fc-stat.draft|available|retired--e-pop--r-card--motion-pop-inCombobox
Combobox (Popover + Command) · search inside the menu, grouped by mill, counts on the right.
Chosen in the cloth picker below.
.fc-dd.fc-pop.fc-pop-s.fc-pop-g.fc-pop-f.fc-opt.ondata-fc-filter--accentCloth picker
Searchable, paginated picker over the full cloth library: swatch, code, filters, a detail panel for the chosen cloth.
Anchor cloth
3,612 cloths| Swatch | Code | Collection | Colour | Weight | Stock | Chosen |
|---|---|---|---|---|---|---|
| HS 81045 | Crystal Springs · Book 3 | Navy birdseye | 280 g | In stock | ||
| HS 81046 | Crystal Springs · Book 3 | Airforce birdseye | 280 g | In stock | ||
| HS 81052 | Crystal Springs · Book 3 | Charcoal pinhead | 280 g | Out of stock | ||
| VBC 218.1003 | Perennial · 2026 | Charcoal herringbone | 300 g | In stock | ||
| VBC 218.1007 | Perennial · 2026 | Mid-grey herringbone | 300 g | In stock | ||
| HS 64033 | Sherry Flannel · Book 1 | Mid-grey flannel | 340 g | In stock | ||
| HS 64035 | Sherry Flannel · Book 1 | Charcoal flannel | 340 g | In stock | ||
| VBC 403.0118 | Revenge · 2026 | Navy chalk stripe | 260 g | In stock | ||
| HS 92201 | Moorland Tweed · Book 2 | Brown glen check | 420 g | Out of stock | ||
| HS 30612 | Irish Linen · Book 1 | Stone | 330 g | In stock | ||
| HS 30618 | Irish Linen · Book 1 | Sand | 330 g | In stock | ||
| VBC 150.2201 | Ceremony · 2025 | Midnight mohair | 270 g | In stock |
.fc-cp.fc-cp-tools.fc-cp-tbltr[aria-selected].fc-hue.fc-sw8.fc-cp-side.fc-skel.chip.danger--row--accentCheckbox
Checkbox · groups, select-all with a mixed state, locked options and confirm ticks.
Tick to confirm before saving.
.fc-ck.cbinput:indeterminate.fc-lockt.fc-group--r-chip--primary--focus-ringRadio group
RadioGroup · a list for short choices, cards when each choice needs a line of consequence.
.cb[type=radio].fc-rcardrole=radiogroup--r-card--primarySwitch
Switch · takes effect when flipped. The combos list pairs each switch with its Laravel price and an override.
.switchrole=switch.switch.lock.fc-combos.fc-combo--r-pill--motion-pop-inSegmented control
ToggleGroup (single) · two to four short, equal choices that switch instantly.
.seg.seg-irole=radio.seg.sm--muted--e-btn-2Date and date range
DatePicker (Popover + Calendar) · past days greyed when only the future makes sense; ranges get presets.
Error example: the end date is before the start date. Pick a day after 13 Oct.
.fc-cal.fc-cal-g.fc-cal.two.fc-presets.fc-rangebutton.sel|a|b|in--primary--accentMoney input
Money · currency on the left, amount right-aligned in tabular figures, an Unverified marker when HQ hasn’t confirmed the list.
Base currency. Shown as £1,150 in lists.
RJ Clothing’s EUR price list hasn’t been confirmed by HQ.
You can’t sell below this.
Your price list’s currency isn’t confirmed
RJ Clothing sells in EUR, but HQ hasn’t confirmed the EUR list. Check these before you add the product.
- HS 81045Navy birdseye€1,320.00
- HS 81046Airforce birdseye€1,320.00
- HS 81052Charcoal pinhead€1,365.00
Error example: a price can’t be negative. Enter 0.00 or more.
.fc-money.fc-cur.fc-sym.fc-unv.fc-confirm.money--warningfont-variant-numeric:tabular-numsMulti-currency price group
Price lines · one per currency, primary first and not removable, add up to the brand’s currency list.
EUR needs an amount, or remove the line.
.fc-pg.fc-pl.fc-prim.fc-conv.fc-money.btn-tertiary.sm--accentTag input
Tags · type and press Enter, pick a suggestion, or create one. Backspace removes the last.
Up to 10. Used on the website’s search, not shown to customers.
Error example: Suits is already added.
.fc-tags.fc-tagdata-fc-tagsmark--accent--r-chipFile and photo uploader
Photo slots · nine named slots, coverage at a glance, drag to reorder; files show progress and a reason when they fail.
.fc-slots.fc-slot[draggable].fc-empty.fc-cov.fc-prow.fc-drop.fc-file--studio--r-cardForm section layout
Form · section title and purpose on the left, fields on a two-column grid on the right, one save bar.
Basics
Name and handle are what brands see first.
Search engine listing
How the product reads on Google.
.fc-form.fc-form-h.fc-form-b.full.fc-savebar--s-8--text-section