Unable to Make Forms with White Background and Black Type

It looks like by default the "no message" style is actually dark, so that's why the font color is white. You'll probably need to patch this manually.

Open acp > theme editor > form > front > logs > create

Find:

<div class='ipsMessage ipsMessage_{{if isset( $container->_options->rules_color )}}{expression="$container->_options->rules_color"}{{else}}info{{endif}}'>

Replace With:

<div class='ipsMessage ipsMessage_{{if isset( $container->_options->rules_color )}}{expression="$container->_options->rules_color"}{{else}}info{{endif}}' {{if isset( $container->_options->rules_color ) AND $container->_options->rules_color == 'none'}}style='color: #000;'{{endif}}>

Save.

Hi Michael,

Sorry I didn't catch this, I forgot to subscribe to this.

I added the patch as you explained. The background is now white, but the text is also still white.

Also, the form instructions have completely disappeared. Not just because of white text, the form instructions are completely gone. Have a look at the attached screenshot... There is supposed to be a few paragraphs of instructions (in black) above the form fields, but they're no longer there.

Can you make sure it was a clean find and replace? It looks like you may have replaced something else in the code...

Sorry Michael. I must have... because now I have a different effect.

I made the change again, then went to one of the forms and selected white for the background color, then clicked "Save."

Then I reloaded the form. The instructions have reappeared, but now the background is a dark grey and the text is black.

Note: The H2 headings are blue, since I have them set to be blue in custom.css, if that makes any difference.

Here's the code after I changed it, copy and pasted it below:

{{if \IPS\Dispatcher::i()->application->directory === 'form'}}
    <ul class="ipsToolList ipsToolList_horizontal ipsResponsive_hidePhone ipsClearfix">
        {{if member.group['g_fs_view_logs']}}
            <li class='ipsToolList_primaryAction'>
                <a class="ipsButton ipsButton_medium ipsButton_important ipsButton_fullWidth" href="{url="app=form&controller=logs" seoTemplate="form_logs"}">
                    {lang="view_logs"}
                </a>
            </li>
        {{endif}}
        {{if !settings.fm_require_form}}
            <li class='ipsToolList_primaryAction'>
                <a class="ipsButton ipsButton_medium ipsButton_important ipsButton_fullWidth" href="{url="app=form&do=formlist" seoTemplate="form_list"}">
                    {lang="show_forms"}
                </a>
            </li>
        {{endif}}
    </ul>
{{endif}}

{{if \IPS\Dispatcher::i()->application->directory === 'form'}}
    {template="pageHeader" group="global" app="core" params="$container->_title"}
{{else}}

{{endif}}

{{if $container->formTranslate( 'rules' )}}

    <div class='ipsMessage ipsMessage_{{if isset( $container->_options->rules_color )}}{expression="$container->_options->rules_color"}{{else}}info{{endif}}' {{if isset( $container->_options->rules_color ) AND $container->_options->rules_color == 'none'}}style='color: #000;'{{endif}}>
      
    	{$container->formTranslate( 'rules', TRUE )|raw}
    </div> 
{{endif}}

<div class='ipsBox ipsPad'>
    <div class='ipsType_normal ipsType_richText'>
        {$form|raw}
    </div>
</div>

Here's the effect:

 

Were there any customization to the template before you applied this change? Can you try reverting it and then see if it changes the font color? Otherwise you could change #000 to #fff to get a white font color.

I reverted the template and tested, no change. Then I replaced the code, still no change. I'll send you a PM...

On 4/23/2021 at 3:18 PM, Ken Grubb said:

I reverted the template and tested, no change. Then I replaced the code, still no change. I'll send you a PM...

I'll reply soon but just in case you haven't already, I'll need admin and ftp login details.

Changed Status to Fixed