سلام, محسن م

##### بوت استرپ بیشترین طول

اقدامات
این افزونه بطور پیش فرض با بوت استرپ توییتر با استفاده از نشان ها برای نمایش حداکثر طول می باشد. می تواند با خصوصیت "maxlength" حداکثر طول ورودی را مشخص کنید
برای اطلاعات بیشتر مشاهده کنید سایت یا گیت هاب.

### نمونه پایه

    							<div class="card card-custom">
    								<div class="card-header">
    									<h3 class="card-title">
    										نمونه پایه
    									</h3>
    								</div>
    								<!--begin::Form-->
    								<form class="form">
    									<div class="card-body">
    										<div class="form-group row">
    											<label class="col-form-label text-right col-lg-3 col-sm-12">پیش فرض</label>
    											<div class="col-lg-4 col-md-9 col-sm-12">
    												<input type='text' class="form-control" id="kt_maxlength_1" maxlength="3"  placeholder="" type="text"/>
    												<span class="form-text text-muted">حداکثر امکان تایپ 3 کاراکتر وجود دارد</span>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label class="col-form-label text-right col-lg-3 col-sm-12">نمونه دیگر</label>
    											<div class="col-lg-4 col-md-9 col-sm-12">
    												<input type='text' class="form-control" id="kt_maxlength_2" maxlength="7"  placeholder="" type="text"/>
    												<span class="form-text text-muted">حداکثر 7 کارکتر می توانید وارد کنید</span>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label class="col-form-label text-right col-lg-3 col-sm-12">نمایش همیشگی</label>
    											<div class="col-lg-4 col-md-9 col-sm-12">
    												<input type='text' class="form-control" id="kt_maxlength_3" maxlength="6"  placeholder="" type="text"/>
    												<span class="form-text text-muted">نمایش شمارنده بعد از فوکوس در اینپوت</span>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label class="col-form-label text-right col-lg-3 col-sm-12">سفارشی متن</label>
    											<div class="col-lg-4 col-md-9 col-sm-12">
    												<input type='text' class="form-control" id="kt_maxlength_4" maxlength="8"  placeholder="" type="text"/>
    												<span class="form-text text-muted">نمایش بعد از فوکوس در اینپوت</span>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label class="col-form-label text-right col-lg-3 col-sm-12">تکس اریا نمونه</label>
    											<div class="col-lg-4 col-md-9 col-sm-12">
    												<textarea class="form-control" id="kt_maxlength_5" maxlength="8"  placeholder="" rows="6"></textarea>
    												<span class="form-text text-muted">در تکس اریا می توانید حداکثر متنی که می توان تایپ کند کاربر را مشخص کنید</span>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label class="col-form-label text-right col-lg-3 col-sm-12">موقعیت</label>
    											<div class="col-lg-4 col-md-9 col-sm-12">
    												<input type='text' class="form-control" id="kt_maxlength_6_1" maxlength="8"  placeholder="بالا چپ" type="text"/>
    												<div class="mt-3"></div>
    												<input type='text' class="form-control" id="kt_maxlength_6_2" maxlength="8"  placeholder="بالا راست" type="text"/>
    												<div class="mt-3"></div>
    												<input type='text' class="form-control" id="kt_maxlength_6_3" maxlength="8"  placeholder="پایین چپ" type="text"/>
    												<div class="mt-3"></div>
    												<input type='text' class="form-control" id="kt_maxlength_6_4" maxlength="8"  placeholder="پاین راست" type="text"/>
    												<span class="form-text text-muted">می توانید شمارنده را در چهار جهت موقعیتش را تعیین کنید</span>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label class="col-form-label text-right col-lg-3 col-sm-12">مودال</label>
    											<div class="col-lg-4 col-md-9 col-sm-12">
    												<a href="" class="btn btn-light-primary font-weight-bold" data-toggle="modal" data-target="#kt_maxlength_modal">اجرای مودال</a>
    											</div>
    										</div>
    									</div>
    									<div class="card-footer">
    										<div class="row">
    											<div class="col-lg-9 ml-lg-auto">
    												<button type="reset" class="btn btn-primary mr-2">ارسال</button>
    												<button type="reset" class="btn btn-secondary">لغو</button>
    											</div>
    										</div>
    									</div>
    								</form>
    								<!--end::Form-->
    							</div>

    						// کلاس definition

    						var KTبوت استرپبیشترین طول = function () {

    							// خصوصی functions
    							var demos = function () {
    								// minimum setup
    								دلار('#kt_maxlength_1').maxlength({
    									warningکلاس: "label label-warning label-rounded label-inline",
    									limitReachedکلاس: "label label-success label-rounded label-inline"
    								});

    								// threshold value
    								دلار('#kt_maxlength_2').maxlength({
    									threshold: 5,
    									warningکلاس: "label label-warning label-rounded label-inline",
    									limitReachedکلاس: "label label-success label-rounded label-inline"
    								});

    								// always show
    								دلار('#kt_maxlength_3').maxlength({
    									alwaysShow: true,
    									threshold: 5,
    									warningکلاس: "label label-danger label-rounded label-inline",
    									limitReachedکلاس: "label label-primary label-rounded label-inline"
    								});

    								// custom text
    								دلار('#kt_maxlength_4').maxlength({
    									threshold: 3,
    									warningکلاس: "label label-danger label-rounded label-inline",
    									limitReachedکلاس: "label label-success label-rounded label-inline",
    									separator: ' of ',
    									preمتن: 'شما have ',
    									postمتن: ' chars remaining.',
    									validate: true
    								});

    								// textarea example
    								دلار('#kt_maxlength_5').maxlength({
    									threshold: 5,
    									warningکلاس: "label label-danger label-rounded label-inline",
    									limitReachedکلاس: "label label-primary label-rounded label-inline"
    								});

    								// position examples
    								دلار('#kt_maxlength_6_1').maxlength({
    									alwaysShow: true,
    									threshold: 5,
    									placement: 'top-left',
    									warningکلاس: "label label-danger label-rounded label-inline",
    									limitReachedکلاس: "label label-primary label-rounded label-inline"
    								});

    								دلار('#kt_maxlength_6_2').maxlength({
    									alwaysShow: true,
    									threshold: 5,
    									placement: 'top-right',
    									warningکلاس: "label label-success label-rounded label-inline",
    									limitReachedکلاس: "label label-primary label-rounded label-inline"
    								});

    								دلار('#kt_maxlength_6_3').maxlength({
    									alwaysShow: true,
    									threshold: 5,
    									placement: 'bottom-left',
    									warningکلاس: "label label-warning label-rounded label-inline",
    									limitReachedکلاس: "label label-primary label-rounded label-inline"
    								});

    								دلار('#kt_maxlength_6_4').maxlength({
    									alwaysShow: true,
    									threshold: 5,
    									placement: 'bottom-right',
    									warningکلاس: "label label-danger label-rounded label-inline",
    									limitReachedکلاس: "label label-primary label-rounded label-inline"
    								});

    								// نمونه مودال

    								// minimum setup
    								دلار('#kt_maxlength_1_modal').maxlength({
    									warningکلاس: "label label-warning label-rounded label-inline",
    									limitReachedکلاس: "label label-success label-rounded label-inline",
    									appendToParent: true
    								});

    								// threshold value
    								دلار('#kt_maxlength_2_modal').maxlength({
    									threshold: 5,
    									warningکلاس: "label label-danger label-rounded label-inline",
    									limitReachedکلاس: "label label-success label-rounded label-inline",
    									appendToParent: true
    								});

    								// always show
    								// textarea example
    								دلار('#kt_maxlength_5_modal').maxlength({
    									threshold: 5,
    									warningکلاس: "label label-danger label-rounded label-inline",
    									limitReachedکلاس: "label label-primary label-rounded label-inline",
    									appendToParent: true
    								});

    								// custom text
    								دلار('#kt_maxlength_4_modal').maxlength({
    									threshold: 3,
    									warningکلاس: "label label-danger label-rounded label-inline",
    									limitReachedکلاس: "label label-success label-rounded label-inline",
    									appendToParent: true,
    									separator: ' of ',
    									preمتن: 'شما have ',
    									postمتن: ' chars remaining.',
    									validate: true
    								});
    							}

    							return {
    								// public functions
    								init: function() {
    									demos();
    								}
    							};
    						}();

    						jQuery(document).ready(function() {
    							KTبوت استرپبیشترین طول.init();
    						});

پیش فرض
حداکثر امکان تایپ 3 کاراکتر وجود دارد
نمونه دیگر
حداکثر 7 کارکتر می توانید وارد کنید
نمایش همیشگی
نمایش شمارنده بعد از فوکوس در اینپوت
سفارشی متن
نمایش بعد از فوکوس در اینپوت
تکس اریا نمونه
در تکس اریا می توانید حداکثر متنی که می توان تایپ کند کاربر را مشخص کنید
موقعیت
می توانید شمارنده را در چهار جهت موقعیتش را تعیین کنید
مودال
اجرای مودال

##### نمونه پایه

پیش فرض
حداکثر امکان تایپ 3 کاراکتر وجود دارد
نمونه دیگر
حداکثر 7 کارکتر می توانید وارد کنید
تکس اریا نمونه
در تکس اریا می توانید حداکثر متنی که می توان تایپ کند کاربر را مشخص کنید
سفارشی متن
نمایش بعد از فوکوس در اینپوت

### پروفایل کاربر 12 پیام

محسن برومند
توسعه اپلیکیشن
jm@softplus.com خروج
پروفایل من
تنظیمات اکانت بروزرسانی
پیام های من
صندوق پیام ها و کارها
فعالیت های من
لاگ ها و اعلان ها
کارهای من
اخرین کارها و پروژه ها

##### آخرین اعلان ها

اهداف دیگر موعد 2 روز
+28%
برای مردم خواهد بود موعد 2 روز
+50%
هدف این خواهد بود که ترغیب شود موعد 2 روز
-27%
بهترین محصول موعد 2 روز
+8%

#### سبد خرید

iBlender بهترین وسایل آشپزخانه در سال 2020
دلار 350 5
پاک کننده هوشمند ابزار هوشمند برای پخت و پز
650دلار 4
دوربین دوربین حرفه ای برای عکس
150دلار 3
چاپگر 4D ساخت اشیاء منحصر به فرد
دلار 1450 7
موشن ابزار انیمیشن ایده آل
650دلار 7

##### پیام های سیستم

نویسندگان برتر موفق ترین ها
+82دلار
نویسندگان محبوب موفق ترین ها
+280دلار
کاربران جدید موفق ترین ها
+4500دلار
فعال مشتریان موفق ترین ها
+4500دلار
تم پرفروش موفق ترین ها
+4500دلار

##### اعلان ها

اهداف دیگر موعد 2 روز
+28%
برای مردم خواهد بود موعد 2 روز
+50%
هدف این خواهد بود که ترغیب شود موعد 2 روز
-27%
بهترین محصول موعد 2 روز
+8%
5 گزارش تولید شده توسط کاربر جدید
گزارش ها بر اساس فروش
2 موارد جدید ارسال شد
توسط محمد رضایی
فایل های ایجاد شده
گزارش ها بر اساس فروش
دلار2900 ارزش محصولات فروخته شده
جمع آوری 234 مورد
میانگین زمان پاسخگویی 4.5 ساعت
فاستوست باری است
3 هشدارهای دفاعی
هفته گذشته 40٪ هشدار کمتری دارد
میانگین 4 پست وبلاگ برای هر نویسنده
12 بار ارسال شده است
هفته گذشته 16 نویسنده پیوستند
طراح
2 مورد جدید ارسال شده است
توسط محمد رضایی
حجم دانلودها 2 گیگ
مفاهیم بنیادی
دلار2900 ارزش محصولات فروخته شده
جمع آوری 234 مورد
7 گزارش تولید شده توسط کاربر جدید
گزارش ها بر اساس فروش
میانگین زمان پاسخگویی 4.5 ساعت
فاستوست باری است

##### مراقبت از مشتری

فعال کردن اعلان ها:
فعال کردن ردیابی:
پرتال پشتیبانی

##### گزارشات

گزارش عمومیات:
فعال سازی خروچی گزارش
اجازه جمع آوری داده ها:

##### اعضا

فعال سازی عضویت اعضا
اجازه نظر دهی
فعال کردن پرتال مشتری
محسن برومند
فعال
محسن برومند 2 ساعت
چقدر احتمال دارید که شرکت ما را توصیه کنید به دوستان و خانواده خود؟
3 دقیقه شما
سلام در آنجا ، ما فقط می نویسیم تا به شما اطلاع دهیم که در مخزن گیت هاب مشترک شده اید.
محسن برومند 40 ثانیه
باشه ، فهمیدم
همین الان شما
برای همه مشکلات اعلان دریافت خواهید کرد ، درخواستها را بکشید!
محسن برومند 40 ثانیه
شما می توانید با کلیک بر روی این مخزن بلافاصله از حالت انتخاب خارج شوید:https://github.com
همین الان شما
آموزش رو دیدم.
محسن برومند 40 ثانیه
بیشترین دوره های تجاری خریداری شده در این فروش!
همین الان شما
شرکت BBQ برای جشن گرفتن دستاوردها و اهداف سه ماهه آخر. غذا و نوشیدنی تهیه شده

#### انتخاب نسخه ی نمایشی

##### نسخه ی نمایشی 1

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 2

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 3

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 4

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 5

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 6

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 7

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 8

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 9

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 10

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 11

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 12

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 13

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 14

به زودی

##### نسخه ی نمایشی 15

به زودی

##### نسخه ی نمایشی 16

به زودی

##### نسخه ی نمایشی 17

به زودی

##### نسخه ی نمایشی 18

به زودی

##### نسخه ی نمایشی 19

به زودی

##### نسخه ی نمایشی 20

به زودی

##### نسخه ی نمایشی 21

به زودی

##### نسخه ی نمایشی 22

به زودی

##### نسخه ی نمایشی 23

به زودی

##### نسخه ی نمایشی 24

به زودی

##### نسخه ی نمایشی 25

به زودی

##### نسخه ی نمایشی 26

به زودی

##### نسخه ی نمایشی 27

به زودی

##### نسخه ی نمایشی 28

به زودی

##### نسخه ی نمایشی 29

به زودی

##### نسخه ی نمایشی 30

به زودی