Page 1 of 1

Collapsible lists won't maintain their shape.

Posted: Sat Jan 18, 2014 4:46 am
by Steven Cherecwich

Hi. I'm creating a dictionary of sorts, and in one area I'm using collapsible fields. However, every time they collapse, the text box loses its visible size. Any thoughts?

I made a video showing the issue at: https://www.youtube.com/watch?v=9sy-Gl...


Collapsible lists won't maintain their shape.

Posted: Sat Jan 18, 2014 6:38 am
by Igor

Hi,

I've reproduced this issue. It looks like this is jquery-mobile issue. https://github.com/jquery/jquery-mobi....
We'll investigate this deeply and get back to you with an update.


Collapsible lists won't maintain their shape.

Posted: Mon Jan 20, 2014 7:01 pm
by Maryna Brodina

Hello! Could you try again? Is the problem still reproducible?


Collapsible lists won't maintain their shape.

Posted: Mon Jan 20, 2014 7:12 pm
by Steven Cherecwich

Hello, thanks for the reply. Still does the same thing.


Collapsible lists won't maintain their shape.

Posted: Tue Jan 21, 2014 4:21 pm
by Kateryna Grynko

Hi Steven,

You would need to use styles.Add a class for a text element and set a fixed width via CSS styles.


Collapsible lists won't maintain their shape.

Posted: Tue Jan 21, 2014 5:03 pm
by Steven Cherecwich

Thanks, Katya. I'm not so good at the programming, that's why I'm using this cloud based drag-n-drop service in the first place. :)

Do you know any good tutorials or links I can use to learn how to add a CSS style?


Collapsible lists won't maintain their shape.

Posted: Tue Jan 21, 2014 5:57 pm
by Kateryna Grynko

Steven,

Click Create New - CSS and add your code there. There are discussions that can help you: https://getsatisfaction.com/apperyio/...
https://getsatisfaction.com/apperyio/...

If you need something specific let us know please and we'll help you.


Collapsible lists won't maintain their shape.

Posted: Wed Jan 22, 2014 3:28 am
by Steven Cherecwich

Hi guys, it works perfectly now, THANK YOU! :)

For anyone else who stubmles on this thread, I used this css:

.MyTextBox {
border-radius: 1px !important;
border-color: black !important;
width: 90% !important;
height: 200px !important;
background-color: white !important;
border-width: 5px !important;
border-style: solid !important;
font-weight:bold !important;
font-size:12px !important;
}

and this tutorial for installing it:
http://docs.appery.io/documentation/w...

Thanks again!


Collapsible lists won't maintain their shape.

Posted: Wed Jan 22, 2014 6:33 am
by Kateryna Grynko

Steven,

Thank you for sharing this!