material-textinput

material-textinput

 

 دارای اتریبیوت های زیر میباشد

: hint↵  

.  متن پیشنهادی را نشان میدهد      

: error↵  

    .ارور را نشان میدهد      

: strokecolor↵  

 .را مشخص میکند.strokeرنگ     

. است focusedstrokecolor از دیگر اتریبیوت های مشابه      

: strokewidth↵  

.را مشخص میکند stroke  قطر      

. است strokewidthfocused از دیگر اتریبیوت های مشابه      

: suffix و prefix↵  

.مربوط به قابلیت پیشبینی موارد میباشد      

: enabled↵  

.فعال بودن یا نبودن این المان را مشخص میکند      

: maxChar↵  

   .ماکسیمم تعداد کارکترورودی را تعیین میکند     

: showError↵  

    .ارور گرفته شده را نشان میدهد      

: expandHint ↵  

. مقدار داده شده به هینت را موقع انتخاب این المان بزرگنمایی میکند     

: helpertext↵  

    .متنهایی را نیز میتوان برای کمک از پیش اماده کرد و به کاربر پیشنهاد داد     

: appearance↵  

 .میباشد fill, none دارای مقادیر    

 : textalignment↵  

.نحوه قرار گیری متن را مشخص میکند    

: مقادیر زیر را میگیرد       

'textend' و 'textstart' و 'viewend' و 'viewstart' و 'gravity'  

:starticon و endicon↵ 

(endiconmode= costum ) زمانی که میخواهیم متن زیر المانهای دیگر قرار نگیرند

:اتریبیوتهایی مربوط به آن شامل

endiconclick↵ 

endiconscaletype↵ 

endicontint↵ 

endiconmode↵ 

showendicon↵ 

erroricon↵ 

erroriconscaletype↵ 

starticontint↵ 

starticonscaletype↵ 

showstarticon↵  

starticonclick↵  

 

: دارد counter همچنین اتریبیوتهای برای 

showCounter↵ 

counterMax↵  

 

:نمونه کد آن به صورت زیر است

<frame width="328" height="56"  borderCornerRadius="5"  >
	<material-textinput width="328" height="56" expandHint="true" background="white" >
		<textinput hint="which" ></textinput>
			<autocompletetextinput id="in" threshold="2">
				<suggestion text="one" value="one"  />
				<suggestion text="two" value="two"/>
				<suggestion  text="three" value="three"/>
		</autocompletetextinput>
	</material-textinput>
</frame>

: نمونه کد رمز عددی راست چین 

<material-textinput margin_left="10" margin_right="10" hint="پسورد" rtl="true"
        endiconmode="password_toggle" showendicon="true"
    >
        <textinput id="newContactName" textdirection="rtl" inputtype="number_password"
            textalignment="view_start"/>
    </material-textinput>