Rich Text Styling

Question

Hi,My users want a button to pre-populate some Rich Text fields.&nbsp; Here is my solution:URLRoot() &amp; "db/" &amp; Dbid() &amp; "?a=API_EditRecord&amp;apptoken=xxxxxxxxxxxxxxxxx&amp;rid=" &amp; [Record ID#]&amp; "&amp;_fid_202=&lt;pre&gt;project management of included scope | shop drawings (+1 revision) | material | fabrication | finishing + sample (+ 2 revisions) | delivery | installation&lt;/pre&gt;&amp;_fid_203=&lt;pre&gt;general&lt;/br&gt; exterior work | metalwork | stonework | electrical work | plumbing | structural work (wood or metal) | finish carpentry (siding, jambs, etc) | decorative hardware, hooks, and accessories | upholstery | appliance supply and install | non-wood countertops | metal cabinets | glass supply and install | mirror supply and install | passage doors | pocket doors | track hardware | grommet supply | art rails | standalone furniture | access panels not shown in drawing set | building permits&lt;/br&gt;specific&lt;/br&gt; tbd&lt;/pre&gt;&amp;_fid_204=&lt;pre&gt;adequate parking within 1/4 mile for installation and finishing staff | onsite accommodation for storage, cutting, and finishing onsite within 100 yds of work area | scaffolding provided at areas of installation greater than 10 ft a.f.f.&lt;/pre&gt;&amp;_fid_34=&lt;pre&gt;Work performed outside of specifed scope:&lt;/br&gt; &amp;#149;labor $75/ installer | $65/ finisher&lt;/br&gt; &amp;#149;return trips $125/ installer | $100/ finisher&lt;/br&gt; &amp;#149;materials Cost plus 15%&lt;/pre&gt;"&amp; "&amp;rdr=" &amp; URLEncode(URLRoot() &amp; "db/bnpew6eji?a=dr&amp;rid=" &amp; [Record ID#])However, I'm getting this result:&nbsp;
How can I edit my code to 1) have the text fit inside the rich text box, 2) change the font and size?------------------------------T$------------------------------

markshnier__you · Answer

What "look" are you after?&nbsp; Do you want to see a more vertical bulleted list?------------------------------Mark Shnier (YQC)Quick Base Solution ProviderYour Quick Base Coachhttp://QuickBaseCoach.commark.shnier@gmail.com------------------------------

thomaseasterli1 · Answer

Same look.1) have the text fit inside the rich text box, 2) change the font to Gotham Book italic and size to 9------------------------------Thomas Easterling------------------------------

markshnier__you · Answer

Fields do not "stay inside their box".&nbsp; They expand to fit the space available.&nbsp; If you put fields beside each other, then they will share the width of the page across and wrap.&nbsp; Maybe try putting some fields side by side.------------------------------Mark Shnier (YQC)Quick Base Solution ProviderYour Quick Base Coachhttp://QuickBaseCoach.commark.shnier@gmail.com------------------------------

thomaseasterli1 · Answer

Perhaps there is some confusion.I'm not referring to the positioning of the Field on the page or the field itself, but the contents of the field. If you look at the attached screenshot from the original post you will notice that the text bleeds outside the Rich Text field. I want the text to remain inside the field by wrapping, i.e. to be contained inside the field and not bleed outside.Also, how to edit the font and size of the text via the code in the button?------------------------------Thomas Easterling------------------------------

markshnier__you · Answer

I don't know if a way to control the shaded area behind the field.&nbsp; Out of curiosity, does that shading error appear in both view and edit modes?Sorry, I don't now off hand how to control the font selection without playing with it for a while.&nbsp; Maybe someone else has some working examples handy.&nbsp; But here are some cheat notes i made for myself.Deprecated &lt;font&gt; replacement syntax  http://resources.bravenet.com/articles/site_building/HTML/replacing_the_font_tag/  Although it is widely used, the font tag is deprecated. If you catch yourself using a &lt;font&gt; tag, you should read this article and make sure that your website is up to date! The following table shows the deprecated font tag attributes and the CSS equivalents. The table also shows the function of each attribute. The x's used in the examples represent other things. With the color, it is replacing a 3 or a 6 digit color code (also known as a Hex code) -- check out our color sheet here. With font-family, the x's represent the title of a font, such as Arial, Times New Roman, etc. With font-size, the 1x represents any number followed by a unit of measurement (in, cm, px, pt, etc). Attribute:&nbsp; Function:&nbsp; Style Equivalent: &lt;font size="x"&gt;&nbsp; Specifies a size of text&nbsp; font-size: 1px;&nbsp; &lt;font color="xxx"&gt;&nbsp; Specifies the color of affected text&nbsp; color: #xxx;&nbsp; &lt;font face="xxx"&gt;&nbsp; Specifies the font type of font&nbsp; font-family: xxx;&nbsp; Inserting the styles is easy to do. Let's say we want to make the text in a paragraph blue (#00f), 12px tall and in Arial font. We would put the style "font-size: 12px; font-family: Arial; color: #00f;" into the p tag that will follow this paragraph. You can reference the sections separated by semi-colons (;) to the styles listed in the above table.&nbsp; &lt;p style="font-size: 12px; font-family: Arial; color: #00f;"&gt; The text that follows the opening 'p' tag will be affected by it. All text that follows will be affected until the closing 'p' tag. &lt;/p&gt;&nbsp; And of course, the following text would be the result of the style. The text that follows the opening 'p' tag will be affected by it. All text that follows will be affected until the closing 'p' tag.&nbsp; The same style can be applied to a span or a div for the same effect. &lt;div style="font-size: 12px; font-family: Arial; color: #00f;"&gt; Affected text. &lt;/div&gt;&nbsp; &lt;span style="font-size: 12px; font-family: Arial; color: #00f;"&gt; Affected text. &lt;/span&gt;------------------------------Mark Shnier (YQC)Quick Base Solution ProviderYour Quick Base Coachhttp://QuickBaseCoach.commark.shnier@gmail.com------------------------------

Forum Discussion

Rich Text Styling

Related Content

Rich-text formula button on dashboard

Rich Text Button with rounded edge

Issue with Dashboard Gauge: New Style vs Old Style

Parse Through Rich Text Field

Rich text field html whitelist