Yii2：如何改变kartik的fileinput控件标题名称和浏览按钮大小？

zte4gxcn 于 2022-11-09 发布在其他

关注(0)|答案(2)|浏览(150)

我正在使用kartik的fileInput小部件。我需要做的是改变浏览图标的大小，并改变标题名称（因为现在它是“选择文件”）。我真的很挣扎，我找不到任何信息的问题。
这是我的小部件：

echo FileInput::widget([
    'model' => $model,
    'attribute' => 'user',
        'pluginOptions' => [
        'showPreview' => false,
        'showRemove' => false,
        'uploadLabel' => '',
        'uploadIcon' => '<i class="glyphicon glyphicon-ok"></i>',
        'browseLabel' => '',
        ]
]);

yii

来源：https://stackoverflow.com/questions/49272594/yii2-how-to-change-kartiks-fileinput-widget-caption-name-and-browse-button-siz

2条答案

按热度按时间

rjee0c151#

您可以像下面这样使用browseClass和browseIcon

'browseClass' => 'btn btn-success btn-block' ,
'browseIcon' => '<i class="glyphicon glyphicon-camera"></i> ' ,

您可以调整css类btn btn-success属性以满足您的需要

赞(0）回复(0）举报 2022-11-09

u4dcyp6a2#

有一个选项可以更改按钮标题browseLabel：

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]

]);

它看起来是这样的：

赞(0）回复(0）举报 2022-11-09

我来回答

Yii2：如何改变kartik的fileinput控件标题名称和浏览按钮大小？

2条答案

相关问题

热门标签

最新问答