Jump to content

Invisible Drag&Drop


skafinski

Recommended Posts

Hi,

 

Is it possible to create invisible UniFileUploadButton? What I want is just an overlay above any component that if you drop file there it just uploads. Now there is TUniFileButtonUpload where if you disable button look it is still dotted lines around him. Also I would like to be able to disable click on it. Would I be able to click whatever is under him if you disable click?

 

Maybe you can make any component event that acts as a drag&Drop for files...

Link to comment
Share on other sites

Yes I already looked at this demo. Have you read initial post? I would like INVISIBLE button that acts (now if you disable buttony look, there is still dotty outline.). Or make all unigui component able to take dropped attachment

Link to comment
Share on other sites

1 hour ago, skafy said:

Have you read initial post?

Yes..

1 hour ago, skafy said:

I would like INVISIBLE button that acts (now if you disable buttony look, there is still dotty outline.)

I couldn't reproduce. Simple testcase?

Link to comment
Share on other sites

14 minutes ago, skafy said:

I would like to remove dots on borders

1.

procedure TMainForm.UniFormCreate(Sender: TObject);
begin
  UniFileUploadButton1.JSInterface.JSConfig('cls', ['customFUpload']);
end;

2. CustomCSS:

.customFUpload .x-file-area {
    border: none;
    opacity: 0.5;
}

 

Link to comment
Share on other sites

19 minutes ago, skafy said:

caption font size

.customFUpload .x-btn-inner {
    font-size: 10px;
    color: green !important;
}

 

19 minutes ago, skafy said:

caption multiline (now it only write in one line)

Using <br>

Caption := 'Please drop file(s) or click here<br>second line';

image.png.7b391edd70005b530c4f35e004940ee3.png

Link to comment
Share on other sites

×
×
  • Create New...