Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
The developers are currently investigating an issue with logging in + accessing the VTT.
Create a free account

How to show an attribute not as input

1667383694

Edited 1667383842
Hi, my question is is there's a way to show and attribute as reminder in the character sheet sohwed not as input text but, simplier, as just simple text. Example   As you see the natural perception bonus is in a input box (upper line)... how show it (cathing up its variation of course) as a normal text? (lower line) Thank you! elvis
1667395242
Peter B.
Plus
Sheet Author
The way I found is to "remove" the input box with CSS. I managed to do it on the AD&D 2E Revised sheet for the version number and the annoucement headline Here the text v4.13.1  looks like regular text. The CSS used to hide the input is show in the image
Thank you, I was wondering the answer was in CSS side od character sheet and not HTML. I don't know very much about CSS but maybe I will be able to resolve my issue, thank to you.
1667403607
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
There are a couple options: make the input readonly and style it so it doesn't look like an input Use an attribute backed span Which one you use is mostly up to personal preference. Be aware though that using attribute backed spans in repeating sections requires that a regular input version of that attribute exist in the repeating item as well (I usually use a type="hidden" input for this).
Peter B. said: The way I found is to "remove" the input box with CSS. I managed to do it on the AD&D 2E Revised sheet for the version number and the annoucement headline Here the text v4.13.1  looks like regular text. The CSS used to hide the input is show in the image Thank you, it works. Any idea to delete the big empty space between the number and the rest of the test?
1667406203
Peter B.
Plus
Sheet Author
Elvis said: Peter B. said: The way I found is to "remove" the input box with CSS. I managed to do it on the AD&D 2E Revised sheet for the version number and the annoucement headline Here the text v4.13.1  looks like regular text. The CSS used to hide the input is show in the image Thank you, it works. Any idea to delete the big empty space between the number and the rest of the test? You will have to define the width of the input box. I do not know if it can be dynamically sized or if you have to hardcode it. My css skills Are limited.  Maybe try the span approach. I will try it on My sheet ad I have a hunch that it is simple to use / require less CSS
Peter B. said: Elvis said: Peter B. said: The way I found is to "remove" the input box with CSS. I managed to do it on the AD&D 2E Revised sheet for the version number and the annoucement headline Here the text v4.13.1  looks like regular text. The CSS used to hide the input is show in the image Thank you, it works. Any idea to delete the big empty space between the number and the rest of the test? You will have to define the width of the input box. I do not know if it can be dynamically sized or if you have to hardcode it. My css skills Are limited.  Maybe try the span approach. I will try it on My sheet ad I have a hunch that it is simple to use / require less CSS the width line doesn't change anything...
1667409928
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
since you want this to be perfectly inline, an attribute backed span might work better for you.