問題タブ [office-ui-fabric-react]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1117 参照

reactjs - ChoiceGroupOption(office-ui-fabric)のテキストスタイルの一部を変更することはできますか?

Choice Groupラジオ ボタンにOffice ファブリックを使用しています。テキストの一部のスタイルを に変更したいのですboldが、残りのテキストは通常​​のフォント サイズのままです。私はonRenderFieldメソッドを使用していますが、まだ実装に成功していません....ご意見をお寄せいただきありがとうございます!!

ラジオ ボタン テキストの最終目標:

オン:ここに追加の説明があります

メソッドを使用したコード例onRenderField:

上記のコードはbold全体textを以下のようにします:

オン: ここに追加の説明があります

0 投票する
1 に答える
561 参照

office-ui-fabric - FluentUI のピッカー コンポーネントの動作をオーバーライドする最良の方法は何ですか?

私がやりたいことは... - ユーザーが何かを入力しようとしたときに表示されるコールアウトを変更します。検索ボックスを備えたカスタム コンポーネントと、ユーザーがカテゴリを選択できる機能を追加したいと考えています。- レンダリングされたテキストの外観を変更します。People Picker と同じですが、アイコンとテキストがあります。- 外部ボタンがクリックされたときに表示されるコールアウトをトリガーする機能。ボタンがクリックされたときに、ピッカーでフォーカスイベントを発生させることができるかもしれません。大声で考えているだけです。

私はそれを実装しようとしましたが、それに関するドキュメントはあまりありません。それに関連する例をいただければ幸いです。

ありがとう!

0 投票する
1 に答える
259 参照

reactjs - fabric react navコンポーネントでカスタムhtml属性を追加する方法は?

私は使っている

nav オブジェクトについては、 などのカスタム html 属性を追加したいと考えていdata-myTagます。Navこのオブジェクトによって DOM に追加されるボタンにこの属性を追加するにはどうすればよいですか。

0 投票する
1 に答える
289 参照

sharepoint-online - SharePoint 反応 TextField onChanged エラー

SharePoint 拡張機能ソリューションを「gulp serve」すると、このエラーが表示されます

タイプ { ラベル: 文字列; 必須: 真; 名前: 文字列; デフォルト値: 文字列; onChanged: (テキスト: 文字列) => void; } はタイプ 'IntrinsicAttributes & ITextFieldProps & { children?: ReactNode; に割り当てられません。}'。プロパティ 'onChanged' はタイプ 'IntrinsicAttributes & ITextFieldProps & { children?: ReactNode; に存在しません。}.ts(2322)

私は使っている:

@microsoft/generator-sharepoint@1.10.0 gulp@4.0.2 npm@6.14.4 yo@3.1.1

以下の SendEMailDialogContent.tsx ファイル コード:

エラーは TextField に関連しています - onChanged={this._onChangedxxxxx}

0 投票する
1 に答える
1193 参照

office-ui-fabric - コンテキスト メニューがクリック時のチェック/チェック解除を反映しない

ボタンをクリックするとコンテキストメニューが表示されます。最初にチェックする項目は 3 つあります。各項目をクリックすると、チェックがオンになります。コンテキストメニューが開いている間、チェック/チェック解除が反映されません。これは以前は機能していましたが、最新の反応バージョンでは壊れているようです。

スニペットはこちら

0 投票する
1 に答える
465 参照

office-ui-fabric - パネル レイヤーの z-index をオーバーライドする

パネルを開いたときに div が灰色のレイヤーの上にあり、パネルの下にあるようにするために、パネルレイヤースタイルをオーバーライドし、インデックスを 999998 に減らしようとしています。だから私は overlayProps をオーバーライドしようとしましたが、私が見るように、z-index:1000000 を持ち、スタイルを継承するオーバーレイの上に Layer コンポーネントがあります。私の場合を達成するための適切な方法でレイヤークラスをオーバーライドするにはどうすればよいですか? コードペンの例を確認してくださいhttp://codepen.io/mariosch/pen/dyGYEQG