Change size of query popup

  • Posts: 102
  • Thank you received: 4
1 year 2 months ago #348352

-- url of the page with the problem -- : daedalusteks.com
-- Error-message(debug-mod must be tuned on) -- : none

Some of the users, clients and our staff are blind and honestly its hard to have computer illiterate people use the query box. Anyway we can make text bigger and query easier to use?

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 81378
  • Thank you received: 13037
  • MODERATOR
1 year 2 months ago #348360

Hi,

You can add such CSS in your backend :

div.namebox-popup {
    zoom: 2;
}
This will double the size of the content of the query popup.
Here is a tutorial on how to add CSS to a template in joomla:
docs.joomla.org/J3.x:Adding_a_custom_CSS_with_Protostar
The example there is for the default frontend template of joomla 3, but you can do the same for the backend template

Please Log in or Create an account to join the conversation.

  • Posts: 102
  • Thank you received: 4
1 year 2 months ago #348473

zoom doesn't work invalid command

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 81378
  • Thank you received: 13037
  • MODERATOR
1 year 2 months ago #348476

Hi,

Zoom is not invalid.
See: developer.mozilla.org/en-US/docs/Web/CSS/zoom
It's definitely valid CSS. Why do you say this ?
Is it because you're using Firefox ? This page indeed states that Firefox does not supports it, which is a problem if you're using Firefox. But otherwise, it should work fine.
I actually didn't know it didn't work on Firefox.
If that's your problem, then, as this page recommends, you can use developer.mozilla.org/en-US/docs/Web/CSS...sform-function/scale instead. This will work in all the browsers so that's what I would recommend too.

Please Log in or Create an account to join the conversation.

  • Posts: 102
  • Thank you received: 4
1 year 2 months ago #348535

it doesn't work either way.

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 81378
  • Thank you received: 13037
  • MODERATOR
1 year 2 months ago #348548

Hi,

No, you need to write:

div.namebox-popup {
    transform: scale(2);
}

Please Log in or Create an account to join the conversation.

  • Posts: 102
  • Thank you received: 4
1 year 2 months ago #348637

NOT UH YOU NEEDED TO TELL ME TO WRITE THAT, I WROTE WHAT YOU SAID LOL :lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol:

JK

Doing it now... just wanted to make you laugh.

Please Log in or Create an account to join the conversation.

  • Posts: 102
  • Thank you received: 4
1 year 2 months ago #348638

Didn't work either. I'm at a loss lol.

Please Log in or Create an account to join the conversation.

  • Posts: 81378
  • Thank you received: 13037
  • MODERATOR
1 year 2 months ago #348640

Hi,

Well, if I add that CSS at the end of the media/templates/administrator/atum/css/template.css on a Joomla 4 website, it works.

Does it work for you ?

Please Log in or Create an account to join the conversation.

  • Posts: 102
  • Thank you received: 4
1 year 2 months ago #348736

That's not our template... so i don't know how to respond to that... i mean it would be... so... how do we fix this? I also just renewed our multi vendor and hikashop. Found some bugs, figured an update would fix. Didn't.... so ummm... yeah. I'll be asking some more things.

Please Log in or Create an account to join the conversation.

  • Posts: 102
  • Thank you received: 4
1 year 2 months ago #348740

Guess what it works but its behind all the other hika fields. see screen shot

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 81378
  • Thank you received: 13037
  • MODERATOR
1 year 2 months ago #348747

Hi,

Then you can force it to be on top with such CSS:

div.namebox-popup {
  transform: scale(2);
  z-index: 99999;
}

That's not our template...

That's the template of the Joomla 4 backend. So you're definitely using it.

When I gave you the link to docs.joomla.org/J3.x:Adding_a_custom_CSS_with_Protostar I also said

The example there is for the default frontend template of joomla 3, but you can do the same for the backend template

So I was saying that you need to add that custom CSS for the atum backend template if you're on Joomla 4 (you didn't say which version of Joomla you were using).
If you add that CSS to your frontend template, it won't change anything for the selectors in the backend. Maybe that's why you thought it didn't work ?

Please Log in or Create an account to join the conversation.

  • Posts: 102
  • Thank you received: 4
1 year 2 months ago #348773

Sorry should have been direct, whats the code to lay the popup on top of all your other boxes while its up?

overlay: on-top? My bad I'm in a time crunch, i also am deploying a couple other sites. Its been crazy busy.

Please Log in or Create an account to join the conversation.

  • Posts: 102
  • Thank you received: 4
1 year 2 months ago #348774

I thought it was

{ z-index: 99 !important; }

but its not

Please Log in or Create an account to join the conversation.

  • Posts: 81378
  • Thank you received: 13037
  • MODERATOR
1 year 2 months ago #348775

Hi,

Well, it's normally z-index, and I tried on my end and it works for me. So maybe you had to clear some cache when you made your test with z-index, you you missed something else.

Please Log in or Create an account to join the conversation.

  • Posts: 102
  • Thank you received: 4
1 year 2 months ago #348782

GUESS WHAT WORKED!?!?

div.namebox-popup {
transform: scale(2);
position: absolute;
z-index: 10;
}

So we can close this. Awesome document it too. ;)

The following user(s) said Thank You: nicolas

Please Log in or Create an account to join the conversation.

Time to create page: 0.088 seconds
Powered by Kunena Forum