Deki
Posts: 0
Joined: Tue Apr 15, 2014 4:53 pm

How to center a popup with a label inside

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;

}

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

How to center a popup with a label inside

Hi Deki,

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

Deki
Posts: 0
Joined: Tue Apr 15, 2014 4:53 pm

How to center a popup with a label inside

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

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

How to center a popup with a label inside

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?

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

How to center a popup with a label inside

Hi Deki,

Did you solve it?

Return to “Issues”