Page 1 of 1

How to center a popup with a label inside

Posted: Fri Sep 12, 2014 4:00 pm
by Deki

I want to center this popup on the screen. I have 2 components. A popup and a label with the lorem ipsum text inside the label. I am using all the default settings for both the popup and label. Thanks

Image

Here are the label properties
Image

Here are the popup properties
Image

.popup-stye {
background-color:gray;

}


How to center a popup with a label inside

Posted: Fri Sep 12, 2014 9:13 pm
by Kateryna Grynko

Hi Deki,

It should be centered by default. Please remove padding for Popup.


How to center a popup with a label inside

Posted: Sat Sep 13, 2014 9:29 pm
by Deki

Well, I actually have set the Visible property (false/unchecked) on page load. But when you click on a button the following code executes to make the label show....and the problem is when this scenario happens. The text is not aligned in the center. If however the Visible property is left checked- everything shows centered. But I want to have the functionality where the label is initially hidden, and then only shows when you click a button. Any suggestions?

pre
var desc = Appery('lbl_desc');

var isVisible = desc.is(':visible');
if (isVisible){
desc.hide();
}
else{
desc.show();
}
/pre


How to center a popup with a label inside

Posted: Sat Sep 13, 2014 10:00 pm
by Illya Stepanov

Hi Deki,

It's hard to say now what is the reason of this issue, could you please share your app with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a and send us the app name?


How to center a popup with a label inside

Posted: Tue Oct 07, 2014 3:02 pm
by Kateryna Grynko

Hi Deki,

Did you solve it?