0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

App MakerAdvent Calendar 2019

Day 2

ボタンの文字を小文字にする

Last updated at Posted at 2019-12-01

どうもこんばんは、みかんです。

!!!!とつぜんですがたいせつなおしらせ!!!!

2020年1月27日
App Maker の提供終了に向けた対応のご案内
https://support.google.com/a/answer/9682494?p=am_announcement&visit_id=637157414793613981-426262357&rd=1

??!???!?!?!???!?

残念ながら2021年1月19日には終了してしまうそうです(涙)
移行先はAppSheetかApp EngineかGoogleフォームだそうです・・・

消すのは忍びないので記事は残して置きますが、何かの間違いじゃ無い限り役に立つことはないでしょう・・・

!!!!おしらせはおわりです!!!!!

今回はボタンの文字を小文字にする方法を書いてみます。

まずは、シンプルにボタンを置いてみます。

ap01.png

プロパティエディタを見ると、textは「Button」になっているにも関わらず、実際にボタンに表示されている文字は「BUTTON」と、大文字になってしまっています。
これはそういう仕様なのですが、小文字にしたいことってありますよね。

そういう時は、下の様に、CSSで細工をします。

ap02.png

「text-transform」というプロパティに、noneを指定します。
そうすると、入力した通りの文字が表示されるようになりました!

とても地味ですが、、App Maker側で都合の悪い表示形式になっているときは、CSSでなんとかならないか探るという道があります。

以上です。良いApp Makerライフを!

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?