FTS search button covered up by image

Add-ons
#1

Hello,

I’ve got an issue I’m trying to address. I’ve got an extended main screen where I’ve got the Full Text Search bar and button, but when I add an image (intending to be used as a background image) the search bar is still there, but the search button disappears unless it’s hovered over.

FTS-Image
FTS-Image2836×1684 1.02 MB

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<window xmlns="http://schemas.haulmont.com/cuba/screen/window.xsd"
        xmlns:ext="http://schemas.haulmont.com/cuba/window-ext.xsd" messagesPack="com.coral.registry.web.screens"
        extends="com/haulmont/cuba/web/app/main/main-screen.xml">
    <layout>
        <cssLayout id="horizontalWrap">
            <cssLayout id="sideMenuContainer">
                <cssLayout id="sideMenuPanel">
                    <ftsField id="ftsField" enable="false" visible="false"/>
                </cssLayout>
            </cssLayout>
            <workArea id="workArea">
                <initialLayout>
                    <vbox>
                        <image id="mainWindowImage" align="MIDDLE_CENTER" scaleMode="COVER">
                            <theme path="branding/Neptune_CRF_CS_welcome_page.jpg"/>
                        </image>
                    </vbox>
                    <ftsField width="55%" align="TOP_CENTER"/>
                </initialLayout>
            </workArea>
        </cssLayout>
    </layout>
</window>

Is there a way to get the magnifying glass button to always show?

Thanks,
Adam

#2

Hello,

Just wondering if anyone has had a chance to address this question yet. Thanks!

#4

Hello Adam!

The button is visible, just take a look closer.

image

You can change the color of icon:

<ftsField align="TOP_CENTER"
          width="55%"
          stylename="main-screen-fts"/>

.main-screen-fts .c-ftsfield-button {
   color: red;
}

image

#6

Excellent. Thank you very much for your help!

Adam