• Change Style of the custom control

    By Andreas Krassmann 5 years ago

    Hi Mark,

    how can I change the style for the “Attach files” button.
    I have tried to set the propertie of buttonPlaceHolderId to “test” and defined in fileUploder.css or my own Stylesheet a #test{ width: 200px;} but i get an error message.

    “Somthing went wrong by loading SWFUpload”

    Also I have tried to change the style for div.swfButtonWrapper

    div.swfButtonWrapper {

    margin: 3px 4px 0 0; 
    width: 200px; 
    float: left; 
    height: 23px;
    text-align: left;


    but it didn't work.

    Can you help me to find the right way to change it.

    Best regards

    • By Mark Leusink 5 years ago

      Hi Andy,

      The button isn't created in HTML, but is a Flash component rendered using a background image. To change it you can change:

      • the background image that is used for that (see Images > TundraButton_87x23.png)
      • the style applied to the 'Select file' text in Script libraries > dominoFileUploads.js (lines 115 - 123).

      Kind regards,

      • By Andreas Krassmann 5 years ago

        Hi Mark,

        thanks for your reply. I have forgot to take a look at java script libarys :-)

        Now I can see it.

        // Button settings

        button_image_url: dbPath + “/TundraButton_87x23.png”,

        button_width: “87”,

        button_height: “23”,

        button_placeholder_id: null,

        button_text: 'Select files…',

        button_text_style: “.theFont { font-size: 12px; color: #000; font-family: Arial, Helvetica, sans-serif; }“,

        button_text_left_padding: 8,

        button_text_top_padding: 3,

        button_cursor: SWFUpload.CURSOR.HAND,

        What is the button_placeholder_id for ?

        • By Mark Leusink 5 years ago

          See http://www.calvarycch.org/content/SWFUpload/Documentation/#swfupload :-)

    • By Andreas Krassmann 5 years ago


      I have found it.


      Change the class "swfupload"