...
05. Customising BlackBox Styles
Reload Reactor を検討していたとき、ランクから外れた最初のタクシーの 1 つは、最新のインターフェイスを備えた新しいカレンダーを構築するための優れた JavaScript ライブラリを見つけることでした。 dHTMLx ライブラリ スイート、特に Scheduler にたどり着くまで、それほど時間はかかりませんでした。
...
| Code Block |
|---|
.dhx_cal_event_line{
padding-left:10px;
cursor:pointer;
overflow:hidden;
border-radius: <?Reactor $event_bar_curve Reactor?> !important;
} |
The <?Reactor Reactor?> tags just tell Reactor to interpret everything within, which in this instance is simply a parameter name. This line will grab the タグは、Reactor に内部のすべてを解釈するように指示するだけです。この例では、これは単なるパラメーター名です。この行は event_bar-curve parameter, and by the time it makes it to the web-viewer, will take the place of the Reactor tags.
Now save the document and recompile. Run the BlackBox with the new parameter set.
...
Appointments are now curved according to the parameter provided
Mission accomplished! We can now set the box curve for an appointment bar at whatever we desire.
This is only one parameter for one type of visual element. Any other changes you might desire are at your fingertips as well. Once you know the HTML element you’re targeting, and get a fairly basic understanding of CSS properties, you can make these changes extremely quickly, by switching back-and-forth between your CSS document (in your favourite code editor) and the BlackBox preview, recompiling as you go!
<— Reactor Home パラメーターを取得し、Web ビューア に到達するまでに、Reactor タグの代わりになります。
ドキュメントを保存して再コンパイルします。新しいパラメータ セットで BlackBox を実行します
...
任務完了！Appointment バーのボックス カーブを好きなように設定できるようになりました。
これは、視覚要素の 1 つのタイプの 1 つのパラメーターにすぎません。あなたが望むかもしれない他の変更もあなたの指先にあります。対象となる HTML 要素を把握し、CSS プロパティのかなり基本的な理解を得ると、CSS ドキュメント (お気に入りのコード エディターで) と BlackBox プレビューを切り替えながらコンパイルすることで、これらの変更を非常に迅速に行うことができます。