Menu icon Foundation

Developer | Austin, TX

Small Business Owner / Web developer

My Posts

  • NEW
  • Suggestions for Input Design

    By Bennie Wallace

    Foundation 4input

    We use Foundation 4 with CSS. We sell stuff - occasionally a product is out of stock and some customers want to know when a product is back in stock. Prior to Foundation we used to do this with a 'pop-up' box but there must be something in Foundation t... (continued)







My Comments

Bennie Wallace commented on Bennie Wallace's post almost 6 years

Hi James,

Works perfectly - Thank you VERY much.

Bennie Wallace commented on Bennie Wallace's post almost 6 years

Hi James,

Thank you very much.

I use reveal modals other places, wouldn't this change all instances?

(Note: I'm not the best at complex css) I created a new class in app.css named ".reveal-modal .close-reveal-modal-button" with the top and right attributtes removed. This places the button in the correct place but it's lost the function of closing the modal.

How can I code this css so it makes this change on a button only?

Bennie Wallace commented on Bennie Wallace's post almost 6 years

Hi Rafi,

Thanks for the response.

Here is an example

http://www.tapeandmedia.com/basic-page-master.asp

You can open the modal by clicking the "Click Me for a Modal" Button.

Ultimately this modal will contain a form with radio buttons, I will want the user to select one option and then click what is now "Default Button" to 'submit' their selection.

Instead of having the button at the top right, I want it to be in line with the sentence below.

Click Button to Make Your Selection (Button should be here) >

Thanks again and I hope this makes sense.

Bennie Wallace commented on Bennie Wallace's post almost 6 years

Hi Nick

Thanks for the suggestion. Unfortunately that class moves the button to the top right of the modal.

I am trying to keep the button inline with other text.

Has anyone written a css class that close the reveal modal but does not restyle the button?

Bennie Wallace commented on Bennie Wallace's post almost 6 years

Hi James,

Thank you very much.

Bennie

Bennie Wallace commented on Bennie Wallace's post almost 6 years

I located the issue. It had to do with iframes that were included in a 3rd party drop down menu I am using.

Posts Followed


Following

    No Content

Followers

My Posts

My Comments

You commented on Bennie Wallace's post almost 6 years

Hi James,

Works perfectly - Thank you VERY much.

You commented on Bennie Wallace's post almost 6 years

Hi James,

Thank you very much.

I use reveal modals other places, wouldn't this change all instances?

(Note: I'm not the best at complex css) I created a new class in app.css named ".reveal-modal .close-reveal-modal-button" with the top and right attributtes removed. This places the button in the correct place but it's lost the function of closing the modal.

How can I code this css so it makes this change on a button only?

You commented on Bennie Wallace's post almost 6 years

Hi Rafi,

Thanks for the response.

Here is an example

http://www.tapeandmedia.com/basic-page-master.asp

You can open the modal by clicking the "Click Me for a Modal" Button.

Ultimately this modal will contain a form with radio buttons, I will want the user to select one option and then click what is now "Default Button" to 'submit' their selection.

Instead of having the button at the top right, I want it to be in line with the sentence below.

Click Button to Make Your Selection (Button should be here) >

Thanks again and I hope this makes sense.

You commented on Bennie Wallace's post almost 6 years

Hi Nick

Thanks for the suggestion. Unfortunately that class moves the button to the top right of the modal.

I am trying to keep the button inline with other text.

Has anyone written a css class that close the reveal modal but does not restyle the button?

You commented on Bennie Wallace's post almost 6 years

Hi James,

Thank you very much.

Bennie

You commented on Bennie Wallace's post almost 6 years

I located the issue. It had to do with iframes that were included in a 3rd party drop down menu I am using.

Posts Followed

Following

  • No Content

Followers

  • No Content