Php Yii2:如何改变kartik';s文件输入小部件标题名称和浏览按钮大小?
我正在使用kartik的fileInput小部件。我需要做的是更改浏览图标的大小和标题名称(因为现在它是“选择文件”)。。我真的很挣扎,我找不到任何关于这个问题的信息 这是我的小部件:Php Yii2:如何改变kartik';s文件输入小部件标题名称和浏览按钮大小?,php,yii,yii2,kartik-v,Php,Yii,Yii2,Kartik V,我正在使用kartik的fileInput小部件。我需要做的是更改浏览图标的大小和标题名称(因为现在它是“选择文件”)。。我真的很挣扎,我找不到任何关于这个问题的信息 这是我的小部件: echo FileInput::widget([ 'model' => $model, 'attribute' => 'user', 'pluginOptions' => [ 'showPreview' => false, '
echo FileInput::widget([
'model' => $model,
'attribute' => 'user',
'pluginOptions' => [
'showPreview' => false,
'showRemove' => false,
'uploadLabel' => '',
'uploadIcon' => '<i class="glyphicon glyphicon-ok"></i>',
'browseLabel' => '',
]
]);
echo FileInput::widget([
'model'=>$model,
'属性'=>'用户',
“插件操作”=>[
'showPreview'=>false,
“showRemove”=>false,
'uploadLabel'=>'',
'上传图标'=>'',
'棕色标签'=>'',
]
]);
您可以使用
browseClass
和browsecon
如下
'browseClass' => 'btn btn-success btn-block' ,
'browseIcon' => '<i class="glyphicon glyphicon-camera"></i> ' ,
'browseClass'=>'btn btn成功btn块',
'browseIcon'=>'',
您可以调整css类
btn btn success
属性以满足您的需要有一个选项可以更改按钮标题浏览器标签
:
echo '<label class="control-label">Project Images </label>';
echo FileInput::widget([
'model' => $imagemodel,
'attribute' => 'upload_image[]',
'pluginOptions' => [
'initialPreviewConfig' => $imagesListId,
'overwriteInitial'=>false,
'previewFileType' => 'image',
'initialPreview' => $imagesListId1 ,
'showRemove' => true,
// 'deleteUrl'=>!empty($imagesID)? $imagesID:'',
'browseIcon' => '<i class="glyphicon glyphicon-plus-sign"></i> ',
'browseLabel' => 'Upload Image',
'allowedFileExtensions' => ['jpg', 'png','jpeg','tiff','JPEG'],
'previewFileType' => ['jpg', 'png','jpeg','tiff','JPEG'],
'msgUploadBegin' => Yii::t('app', 'Please wait, system is uploading the files'),
'msgFilesTooMany' => 'Maximum 5 Images are allowed to be uploaded.',
"uploadAsync" => true,
"browseOnZoneClick" => true,
'maxFileSize' => 1024,
'showPreview' => true,
'showCaption' => true,
'showRemove' => true,
'showUpload' => false,
],
'options' => ['multiple' => true]
]);
echo“项目图像”;
echo FileInput::widget([
'model'=>$imagemodel,
'attribute'=>'upload_image[]',
“插件操作”=>[
'initialPreviewConfig'=>$imagesListId,
“overwriteInitial”=>false,
'预览文件类型'=>'图像',
“initialPreview”=>$imagesListId1,
“showRemove”=>true,
//'deleteUrl'=>!空($imagesID)?$imagesID:“”,
'browseIcon'=>'',
'browseLabel'=>'Upload Image',
“allowedFileExtensions”=>[“jpg”、“png”、“jpeg”、“tiff”、“jpeg”],
'previewFileType'=>['jpg'、'png'、'jpeg'、'tiff'、'jpeg'],
'msguploadbegen'=>Yii::t('app','请稍候,系统正在上载文件'),
“msgfilestomany'=>“最多允许上载5个图像。”,
“uploadAsync”=>true,
“browseOnZoneClick”=>正确,
“maxFileSize”=>1024,
“showPreview”=>true,
“showCaption”=>正确,
“showRemove”=>true,
'showUpload'=>false,
],
“选项”=>[“多个”=>true]
]);
这就是它的样子:这不会改变按钮的大小您必须使用css类
btn btn success
属性来满足您的需要@HELPME