formbridge新バージョンで数値フィールドの文字を中央揃えにしたい

kintone 開発相談
1

フォームブリッジの新バージョンで数値フィールドの数字を中央揃えにしたと考えております。JsまたはCSSでの対応方法を教えてください。旧フォームでは以下のようにJsで対応しておりましたが新バージョンで中央に揃わなくなりました。

コードをこ(function () {
  'use strict';
  fb.events.form.mounted.push(function (state) {
    var fieldCode = 'nen1'; //フォームブリッジフィールドでのフィールドコード
    document.querySelector('[data-vv-name=' + fieldCode + '] input').style.textAlign = 'center';
    return state;
  });
})();こに入力または貼り付け
2

フォームブリッジ新バージョンでは、旧バージョンの fb.events.form.mounted は使用せず、
formBridge.events.on() でイベント登録を行います

また、新バージョンでは各フィールドに

.fb-custom--field
[data-field-code="フィールドコード"]

という属性が付与されています

修正すると

(() => {
	formBridge.events.on("form.show", () => {
		const fieldCode = "nen1";

		const fieldElement = document.querySelector(
			`.fb-custom--field[data-field-code="${fieldCode}"] input`,
		);

		if (fieldElement) {
			fieldElement.style.textAlign = "center";
		}
	});
})();

image
image1408×556 10.5 KB

3

aaa様

実装できました。

ありがとうございます。