Otdfbt

Multi tool use

How to cut a climbing rope?

Did 20% of US soldiers in Vietnam use heroin, 95% of whom quit afterwards?

Make 24 using exactly three 3s

Remove CiviCRM and Drupal links / banner on profile form

Convert Byte array into collection of items of different types

Could a 19.25mm revolver actually exist?

How to politely tell someone they did not hit "reply to all" in an email?

Why would Ryanair allow me to book this journey through a third party, but not through their own website?

Who is in charge of Wakanda?

Can a person survive on blood in place of water?

Parallel fifths in the orchestra

Count rotary dial pulses in a phone number (including letters)

First Match - awk

What is the function of the corrugations on a section of the Space Shuttle's external tank?

How to reverse input order?

What is a fully qualified name?

Why are GND pads often only connected by four traces?

Specific alignment within beginalign environment

My players want to grind XP but we're using milestone advancement

Have 1.5% of all nuclear reactors ever built melted down?

Why didn't Thanos use the Time Stone to stop the Avengers' plan?

Why most published works in medical imaging try reducing false positives?

Need to read my home electrical meter

My employer faked my resume to acquire projects

Change FormFunction button color

FormFunction output not workingImport KML file data inside FormFunction (Interpreter problem?)FormFunction default displayCloudDeploy Modules with dependencies on other modulesDeploy an interactive dynamic interface with some complex code behindWhy doesn't FormFunction work?What is the correct way to include a user defined function inside a FormFunction wrapper?Display Dataset[Databin[]] as result for cloud deployed FormFunctionHow to align FormFunction title to centre of page?what is equivalent of dataset when using with APIFunction?

4

1

$begingroup$

Simple question. How can I change the FormFunction submit button color? It's possible to do that?

I didn't find any way to do that in the documentation.

The close I got was using PageTheme option, but there are just 4 pre-defined options.

cloud-deploy form-building

share|improve this question

edited May 11 at 16:44

Carl Woll

80.3k3102207

asked May 11 at 16:41

MurtaMurta

16.9k453132

$endgroup$

add a comment | 

4

1

$begingroup$

Simple question. How can I change the FormFunction submit button color? It's possible to do that?

I didn't find any way to do that in the documentation.

The close I got was using PageTheme option, but there are just 4 pre-defined options.

cloud-deploy form-building

share|improve this question

edited May 11 at 16:44

Carl Woll

80.3k3102207

asked May 11 at 16:41

MurtaMurta

16.9k453132

$endgroup$

add a comment | 

$begingroup$

Simple question. How can I change the FormFunction submit button color? It's possible to do that?

I didn't find any way to do that in the documentation.

The close I got was using PageTheme option, but there are just 4 pre-defined options.

cloud-deploy form-building

share|improve this question

edited May 11 at 16:44

Carl Woll

80.3k3102207

asked May 11 at 16:41

MurtaMurta

16.9k453132

$endgroup$

share|improve this question

edited May 11 at 16:44

Carl Woll

80.3k3102207

asked May 11 at 16:41

MurtaMurta

16.9k453132

share|improve this question

edited May 11 at 16:44

Carl Woll

80.3k3102207

asked May 11 at 16:41

MurtaMurta

16.9k453132

edited May 11 at 16:44

Carl Woll

80.3k3102207

edited May 11 at 16:44

Carl Woll

80.3k3102207

asked May 11 at 16:41

MurtaMurta

16.9k453132

asked May 11 at 16:41

MurtaMurta

16.9k453132

1 Answer
1

active

oldest

votes

5

$begingroup$

You can inspect elements of interest and add css with EmbeddedHTML:

CloudDeploy[
 FormFunction[
 EmbeddedHTML["<style> .btn.btn-primary.form-submitbackground: #000080;</style>"],
 "first" -> "String", 
 "second" -> "Number"
 , 
 f
 ], 
 Permissions -> "Public"
]

share|improve this answer

answered May 11 at 20:11

Kuba♦Kuba

108k12213548

$endgroup$

• 
  
  
  

  
  

  
  
  
  
  
  

  
  $begingroup$
  Tks @Kuba! I used "<style> .btn.btn-primary.form-submitbackground: #5bb85b;border: #5bb85b</style>" to changer border too.
  $endgroup$
  – Murta
  May 11 at 21:23
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "387"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmathematica.stackexchange.com%2fquestions%2f198175%2fchange-formfunction-button-color%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

5

$begingroup$

You can inspect elements of interest and add css with EmbeddedHTML:

CloudDeploy[
 FormFunction[
 EmbeddedHTML["<style> .btn.btn-primary.form-submitbackground: #000080;</style>"],
 "first" -> "String", 
 "second" -> "Number"
 , 
 f
 ], 
 Permissions -> "Public"
]

share|improve this answer

answered May 11 at 20:11

Kuba♦Kuba

108k12213548

$endgroup$

• 
  
  
  

  
  

  
  
  
  
  
  

  
  $begingroup$
  Tks @Kuba! I used "<style> .btn.btn-primary.form-submitbackground: #5bb85b;border: #5bb85b</style>" to changer border too.
  $endgroup$
  – Murta
  May 11 at 21:23
  

  
  
  
  

add a comment | 

5

$begingroup$

You can inspect elements of interest and add css with EmbeddedHTML:

CloudDeploy[
 FormFunction[
 EmbeddedHTML["<style> .btn.btn-primary.form-submitbackground: #000080;</style>"],
 "first" -> "String", 
 "second" -> "Number"
 , 
 f
 ], 
 Permissions -> "Public"
]

share|improve this answer

answered May 11 at 20:11

Kuba♦Kuba

108k12213548

$endgroup$

• 
  
  
  

  
  

  
  
  
  
  
  

  
  $begingroup$
  Tks @Kuba! I used "<style> .btn.btn-primary.form-submitbackground: #5bb85b;border: #5bb85b</style>" to changer border too.
  $endgroup$
  – Murta
  May 11 at 21:23
  

  
  
  
  

add a comment | 

$begingroup$

You can inspect elements of interest and add css with EmbeddedHTML:

CloudDeploy[
 FormFunction[
 EmbeddedHTML["<style> .btn.btn-primary.form-submitbackground: #000080;</style>"],
 "first" -> "String", 
 "second" -> "Number"
 , 
 f
 ], 
 Permissions -> "Public"
]

share|improve this answer

answered May 11 at 20:11

Kuba♦Kuba

108k12213548

$endgroup$

CloudDeploy[
 FormFunction[
 EmbeddedHTML["<style> .btn.btn-primary.form-submitbackground: #000080;</style>"],
 "first" -> "String", 
 "second" -> "Number"
 , 
 f
 ], 
 Permissions -> "Public"
]

share|improve this answer

answered May 11 at 20:11

Kuba♦Kuba

108k12213548

answered May 11 at 20:11

Kuba♦Kuba

108k12213548

answered May 11 at 20:11

Kuba♦Kuba

108k12213548