Bezdepbonusu7Программирование: статьи и ответы
Меню

Вопрос

Изменить текст кнопки в элементе управления AsyncFileUpload

Автор вопроса: RKPОтветов: 2

можно ли изменить текст кнопки в элементе управления AsyncFileUpload набора инструментов управления Ajax с "Выбрать файл" (современный стиль) на что-то другое? это должна быть простая вещь, такая как свойство Text на кнопке, но я не могу найти для этого никакого свойства. также можно ли применить какие-либо другие пользовательские стили для кнопки?

file-uploadasyncfileuploadajaxcontroltoolkit

Ответы

Ответ 1 · TheGeekYouNeed

Загрузите исходный код Ajax Toolkit и внесите в него изменения стилей. Перекомпилируйте проект и используйте новую DLL. Элементы управления, как правило, имеют стили, встроенные в веб-ресурсы, которые переопределяют CSS, которые вы можете попытаться применить.

Ответ 2 · BigMan

есть еще один способ

<div class="inputblock" style="width: 350px;">
 <ajaxToolkit:AsyncFileUpload runat="server" ID="FileUP" ClientIDMode="AutoID" UploaderStyle="Modern" OnUploadedComplete="FileUP_UploadedComplete" Width="100%" />
</div>

эти рендеры что-то вроде этого

<div id="ctl00_PopUpPlaceHolder_FileUP">
<input name="ctl00$PopUpPlaceHolder$FileUP$ctl00" id="ctl00_PopUpPlaceHolder_FileUP_ctl00" type="hidden">
<div id="ctl00_PopUpPlaceHolder_FileUP_ctl01" style='background: url("/WebResource.axd?d=some&pars") no-repeat 100% 1px; margin: 0px; width: 100% !important; height: 24px; text-align: right; min-width: 100%;'>
    <input name="ctl00$PopUpPlaceHolder$FileUP$ctl02" id="ctl00_PopUpPlaceHolder_FileUP_ctl02" style="width: 100%; font-size: 14px; opacity: 0; -moz-opacity: 0.0;" type="file">
    <div style="text-align: left; margin-top: -23px;" type="text">
        <input name="ctl00$PopUpPlaceHolder$FileUP$ctl04" id="ctl00_PopUpPlaceHolder_FileUP_ctl04" style="width: 248px; height: 17px; font-family: Tahoma; font-size: 12px;" type="text" readonly="readonly">
    </div>
</div>

and you always may change th css to change any syling like this:

#ctl00_PopUpPlaceHolder_FileUP_ctl01 {
    background:  url("/img/input_file.png") no-repeat right top !important;
    //some othe stylings, but "!important" is strongly necessarily
}

это работает.

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы