Expandable and collapsable sections in Infopath 2013

دوستان سلام

سال نو رو به همه شما عزیزان تبریک عرض میکنم و امیدوارم سالی پر از موفقیت و آرامش را آغاز کره باشید. در اولین پستم در این وبلاگ قصد دارم نحوه ایجاد section هایی با قابلیت باز و بسته شدن (Maximize و Minimize شدن) در infopath 2013 را توضیح دهم.

در ابتدا یک فرم خالی در infopath باز کرده، عنوان مورد نظر و … را درج میکنیم:

1

جدولی متشکل از دو سطر و دو ستون در قسمت اصلی فرم درج می نماییم:

2

دو ستون سطر دوم را ادغام کرده، داخل آن یک کنترل Section درج میکنیم و سطر اول را مانند تصویر زیر تغییر می دهیم:

3

درون section درج شده، اطلاعات و کنترل های مورد نیاز خود را در قالب جدولی وارد میکنیم:

4 

در ستون اول سطر اول دو Picture Button درج میکنیم:

5

روی دکمه بالا کلیک راست کرده و گزینه Picture button propertiese کلیک می کنیم تا پنجره ای به شکل زیر باز شود:

6

در قسمت Picture با استفاده از دکمه Browse تصویر مورد نظر خود را انتخاب می کنیم، (تصاویر مناسب برای نشان دادن عمل Maximize و Minimize). تصاویری که من برای اینکار استفاده کردم 9E3516E2 و D4CEB940 هستند.

برای هر دو دکمه این کار را انجام می دهیم تا به شکل زیر برسیم:

7

سمت راست در قسمت fields با استفاده از گزینه Add Field، فیلدی با نام Switch و مقدار پیش فرض Off تعریف می کنیم:

16

در واقع قصد داریم با تغییر مقدار Switch از off به on و برعکس، Section را به ترتیب باز کرده و ببندیم.

در فرم، روی دکمه بالا کلیک نموده (دکمه ای که section را باز خواهد کرد) و یک rule از نوع action به شکل زیر برای آن تعریف می کنیم:

8

9

 

سپس یک rule دیگر از نوع Formatting برای همان دکمه به شکل زیر تعریف می کنیم:

10

حالا مشابه همین rule ها را برای دکمه پایین ( دکمه ای که section را خواهد بست) تعریف میکنیم، با این تفاوت که بجای مقدار on برای فیلد Switch مقدار off را در نظر میگیریم:

11

12

حالا با انتخاب section که میخواهیم باز و بسته شود، یک rule از نوع Formatting با شرط Switch= off و انتخاب گزینه Hide this control تعریف میکنیم:

13

اینجا کار به پایان رسیده، با کلیک بر روی گزینه Preview نتیجه را مشاهده میکنیم:

14

15

 

موفق باشید.

1 نظر

پاسخ دهید