Customized details image + circled title

Ask for Help
1

Hi can anyone help me with getting the Title image square and a bit larger

<a style="
    position: absolute;
    width:100%;
    right: 0%;
    z-index:-1;
    margin-top: -30px !important;
    opacity: 1;" target="_blank">

<div style="
    background-color: #fff;
    padding-bottom: 6%;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
    background-origin: content-box;
">
</div>
 </a>

<pre><span><style>

.scroller{
    z-index: -1;
}

[data-test="app-markdown-view"] {
    padding: 0px 0px !important;
    height: 0px !important;
}

[data-test="app-summary"] {
    margin-top: -120px;
}

[data-test="app-summary"] >div >div label {
    border: 5px solid #fff !important;
    border-radius: 100% !important;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}
2

So you want the title component in Glide Apps to be square instead of circle, and larger? How big do you want it to be?

3

I’m trying to accomplish something like this the title has to hold a qr code and Large enough that it can be scanned

Screenshot_20220103-123226
Screenshot_20220103-1232261080×2460 177 KB

4

image
image2286×1234 203 KB

Shouldn’t an image component be enough for your use case? Or do you want it to be smaller?

5

thank but i found a work around

1 Like
6

Can you share your workaround here so other people can follow it later on when they search for this thread? Thank you.

7

Sure I will as soon as Finish the full work-around

1 Like