Ideas

Expose Fill-in Highlight/Background Color for Rock Mobile

3

Login To Vote

Expose Fill-in Highlight/Background Color for Rock Mobile

Mobile Complete

In Rock Mobile, fill-in blanks within Structured Content appear to use a native MAUI highlight/background color that does not respond to HTML/CSS styling. 

.highlight, .fillin, .fill-in, ^Fill-In, ^FillIn, ^Fillin, .noteeditor, .tag, ^FillInSpan, ^FillinSpan, ^Fill, .FillInSpan, ^Span, .span, ^Mark, .mark, ^mark, .rock-fillin, .cdx-marker {
    background: #ffaf12;
    background-color: #ffaf12;
    accent-color: #ffaf12;
}

The current highlight color is low-contrast and the tap target feels visually cramped because there’s little/no padding before and after the blank.

Rock_Mobile_Fill-In.jpg


Given that Fill-In is a supported field type, it would help to expose it for styling the same way other HTML tags are (e.g. .paragraph).

Photo of Jessica GorbettSubmitted by Jessica Gorbett, 9 Embers  ·   ·  Mobile
Photo of Jay NestleComplete Jay Nestle, Spark!  · 

Because of technical constraints in .NET MAUI, these elements can’t be targeted through CSS. We updated the colors to use the interface-soft value in light mode and the interface-strong value in dark mode. Additional horizontal padding has also been added.

Planned Version
Ministry Strength 1 / 5
Remove Votes
Login to add a comment...

Submission Success Tips

Cultivate your ideas for maximum impact with these helpful submission tips that will increase the chances of your brilliant concepts becoming reality.

  • Clear Title: Craft a straightforward and descriptive title that instantly conveys the essence of your idea.
  • Concise Description: Provide an idea description that is succinct, ensuring it effectively communicates the concept without unnecessary verbosity.
  • Provide Additional Details: With a concise description complete, now provide any other details that are needed to better understand the requirements.
  • Thorough Ministry Need Review: Provide a comprehensive overview of the ministry need your idea addresses, emphasizing its significance.
  • Cover the WHY: Clearly articulate the rationale behind your idea, explaining why it's essential and how it aligns with the organization's goals and mission. Oftentimes a clear "why" sheds light into other possible options.