در همه کادرها (پویا و ایستا) تبی به نام نحوه نمایش وجود دارد که فیلدهای آن در همه کادرها یکسان است.
تب نحوه نمایش:
محل نمایش: با توجه به قالب های صفحه که در طراحی سایت استفاده شده اند، محل های نمایش متفاوتی برای قرار دادن کادر درنظر گرفته شده است. با توجه به نحوه چیدمان مطالب که برای طراحی سایت خود در نظر دارید میتوانید از محل های نمایش، محل مناسب را انتخاب نمایید.
استفاده از قالب: با توجه به تم گرافیکی که برای سایت شما طراحی شده است، برای کادرها نیز چندین قالب طراحی میشود. شما میتوانید متناسب با سلیقه خود از این قالب ها برای ظاهر کادرها استفاده نمایید.
همچنین می توانید با غیرفعال کردن این قسمت، کادرهای بدون قالب بسازید.
فهرست قالب های سایت خود را می توانید در صفحه "قالب های سایت" مشاهده نمایید.
اولویت: ترتیب قرار گرفتن کادرها در یک موقعیت با دادن عدد به این قسمت کنترل میشود. هرچه عدد کوچکتر باشد، کادر در موقعیت بالاتری قرار می گیرد.
اولویت در بین باکسهای هم اولویت: درصورتی که چند کادر با اولویت یکسان داشته باشید، میتوانید با اولویت دادن در این قسمت ترتیب قرار گرفتن آنها را کنترل نمایید.
عرض کادر: این بخش کنترل کننده واکنشگرایی کادرهای شما میباشد. در طراحی سایت های واکنشگرا تمام بخش هایی که اطلاعات و محتوا را شامل میشوند به 12 ستون عمودی تقسیم میشوند. با استفاده از این بخش می توانید مشخص کنید که هر کادر چند ستون از این 12 ستون را اشغال نماید.
برای مثال چنانچه در طراحی سایت خود بخواهید در یک ردیف 3 کادر را کنار هم قرار دهید باید نمایش این 3 کادر را در نمایشگرهای مختلف بصورت صحیح تنظیم نمایید تا خروجی درستی از طراحی سایت خود داشته باشید. برای این کار باید در نمایشگرهای عریض به هر کادر 4 ستون بدهید تا مجموع 4 کادر درکنار هم 12 ستون شود. معمولا نمایشگرهای متوسط را نیز مانند نمایشگر عریض ستون بندی می‌نمایند. اما در تبلت ها این ستون بندی تغییر کرده و به گونه ای انجام میگیرد که در هر ردیف حداکثر 2 کادر کنار هم باشند. در نتیجه تعداد را در تبلت برای هر کادر 6 ستون قرار دهید. با این شرایط دو کادر در ردیف اول و کادر سوم در زیر کادر اول در ردیف دوم قرار میگیرد. در موبایل به دلیل کوچک بودن صفحه نمایش، تمامی‌کادرها با ستون بندی کامل یعنی 12 قرار داده میشوند. همین علت تمامی کادرها به ترتیب زیر هم قرار می‌گیرند.
درصورتی که بخواهید تنها یک کادر با عرض محدود در وسط صفحه قرار دهید باید عرض کادر را به میزان دلخواه کمتر از 12 قرار دهید و تعداد ستون های باقیمانده تا 12 را از طرفین به عنوان فاصله درنظر بگیرید.
درشرایطی که نمایش یک کادر در یک نمایشگر مناسب نباشد، میتوان با فعال کردن عدم نمایش آن کادر را در آن نمایشگر از دید مخفی نمود.
با حذف فاصله از راست یا چپ کادرها به بخش حذف شده میچسبد.
هل دادن و کشیدن: هنگامی‌که کادرها کنار یکدیگر قرار می‌گیرند، در نمایش موبایل و تبلت، کادرها به ترتیب از سمت راست زیر هم مرتب میشوند. درصورتی که بخواهید ترتیب قرارگیری آن ها را تغییر دهید میتوانید در نمایشگرهای مختلف با هل دادن و کشیدن آنها را جابجا کنید.
ارتفاع کادر: کادرها بصورت پیش فرض متناسب با محتوای مندرج در آنها ارتفاع می‌گیرند اما میتوان به کادرها ارتفاع مشخصی با مقیاس پیکسل داد و ارتفاع آن ها را محدود نمود.
نام کلاس: درصورتی که در طراحی سایت یا پورتال از CSS Class خاصی استفاده شده باشد، میتوان نام آن را در این قسمت مشاهده کرد. این پارامتر توسط برنامه نویس استفاده می شود.
