accordion sizing issue

0
0

I am using the accordion control.  It looks fine on a desktop browser but doesn’t look good on a phone, the sizing is very small.

You should be able to see this in the screen grabs (wj1.png is on a desktop, wj2.png is a phone).

I don’t have any responsive stuff setup, the app is at the defaults as far as this goes.

I am running v2.2

I did try the monkeying with the responsive settings at the bottom of the designer (changed to phone) but that didn’t seem to do anything so I switched it back to default.

Thanks for any assistance.

Shawn R

Attachment
wj1.png wj2.png 2021_12_28.png
Share
  • You must to post comments
Filter
Sort by: Recently Active
0
0

Hi Shawn,

This issue is fixed with Wisej 2.5.23.

Best,

Alaa

  • You must to post comments
0
0

Hi Shawn,

In addition to Kevin’s answer,

The Client Profiles at the bottom of the designer are used as a way to style the application for any given client device. The client profile matches the user-agent and browser specifications of the client-device.

You can find more information on custom client profiles here: https://docs.wisej.com/docs/controls/general/responsive-properties,

When you click one of the options (i.e. Phone), you can change any control’s property for that specific device. Responsive properties have a “Responsive” icon (attached image, see the red highlights):

You can also find a sample here: https://github.com/iceteagroup/wisej-examples/tree/2.5/Responsive.

If anything is unclear, please let me know!

Happy Holidays!

Levie

Attachment
responsive.png
  • Haas Door
    Thanks Kevin and Levie. You got me part of the way there. I believe I have some of the responsive properties working, However, the accordion still doesn’t show nice on an actual iPhone. I set the font to 50px for that control. In chrome’s simulation mode it looks ok but in the actual phone you can only see about 1/2 of the words (height wise). I attached an image called 2021_12_28.png to the original question that shows my issue. Thanks, Shawn R
  • Levie (ITG)
    Hi Shawn, Thanks for the explanation. We can reproduce it and will get back to you with a solution! Best, Levie
  • Levie (ITG)
    Hi Shawn, we’ve added a new property to the Accordion, HeaderSize, which applies a custom height for the AccordionPanel headers. The issue was logged as #2835 and will be available in the next release. Best, Levie
  • Haas Door
    Thanks Levie. Is there a way for me to get an email when a comment is made on a ticket I have opened? I almost missed that you proved a fix to this. Thanks, Shawn
  • You must to post comments
0
0

Hi Haas,

You must add thave his line:

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

on Default.html <head> before wisej.wx and phone device will scale correctly

Best,

Kevin (ITG)

  • You must to post comments
Showing 3 results
Your Answer

Please first to submit.