I finally figured out a couple of things that helped me change the with of a panel. I have a dismissible panel, positioned on the right side and I modified the default width, 17em, and made it 25em. However, when I click inside the panel, within the area of the 17-25em, the panel is dismissed.
I could not find any visual element that captures the mouse click. I am inclined to believe that the dismissible area is predefined in Javascript, and does not update after I modified the CSS. Here is my CSS code:
I just upgraded one of my apps to jQM 1.3.0 and the app immediately failed. The error:
Uncaught TypeError: Cannot read property 'options' of undefined
I am using a listview component in the broken page. When I remove the attribute data-role="listview", my app runs fine. Does anyone have similar issues?
I would like to find a easy way to specify a custom radius for a button. I know which CSS selectors I should modify to achieve that, but I realized that it will be easier to simply override the default behavior.
Currently we can have a button with the default rounded corners, or no-corners by specifying data-corners="false". What I would like to do is to specify data-corners="3px", or data-corners="3px,0px,0px,3px", or other combinations.
Does anybody know what is the recommended approach (cleanest way) to override the way JQM parses the data-* attributes?