End of Support for Joomla 3 - Forum closed

Change text in sample modal box (in top-a)

  • haurein
  • haurein's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 2
  • Thank you received: 0

Change text in sample modal box (in top-a) was created by haurein

Posted 6 years 6 months ago #18694
Change text in sample modal box (in top-a)
I tried to change only the text "Lorem ipsum bla bla bla" in the code, but it has no effect in the frontpage. What do I do wrong?

(I realized, that when I change the text in the first modal box, it has its same effects text in every other box. But I want to have in every box a different text.)

Code:
Code:
<span class="uk-icon-rocket uk-icon-medium"></span> <h3>Fast and Lightweight</h3> <p>Well designed and coded framework to provide <em>optimal loading</em> times.</p> <!-- This is a button toggling the modal --> <a class="uk-margin-large-top uk-button uk-button-secondary" href="#my-id" data-uk-modal="{center:true}">Sample Modal Box</a> <!-- This is the modal --> <div id="my-id" class="uk-modal"> <div class="uk-modal-dialog"> <a class="uk-modal-close uk-close"></a> <h3>Headline</h3> <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> </div> </div>
Last Edit:6 years 6 months ago by haurein
Attachments:
Last edit: 6 years 6 months ago by haurein.

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Change text in sample modal box (in top-a)

Posted 6 years 6 months ago #18700
Hi there,
the modal box have an "id" and this one is related to the opener. Chage the id from the box and from the a href
Each box must have a different id
getuikit.com/v2/docs/modal.html

Attachment Screenshot_4-2-3-4-5-6-7.jpg not found

Last Edit:6 years 6 months ago by joomlaplates
Attachments:
Last edit: 6 years 6 months ago by joomlaplates.
The following user(s) said Thank You: haurein

Please Log in or Create an account to join the conversation.

  • haurein
  • haurein's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 2
  • Thank you received: 0

Replied by haurein on topic Change text in sample modal box (in top-a)

Posted 6 years 6 months ago #18715
Thank you for the fast helpful reply. It works.
by haurein

Please Log in or Create an account to join the conversation.

Replied by holbos on topic Change text in sample modal box (in top-a)

Posted 6 years 5 months ago #18803
i tried to change #my-id in #modal, but it doesn`t work. What do I do wrong?
Thank you

Here the code:
<span class="uk-icon-gears uk-icon-medium"></span>
<h3>Latest Techniques</h3>
<p>The <em>framework</em> is completely built with HTML5, CSS3 and jQuery.</p>
<!-- This is a button toggling the modal -->
<a class="uk-margin-large-top uk-button uk-button-secondary" href="#modal" data-uk-modal="{center:true}">Sample Modal Box</a>

<!-- This is the modal -->
<div id="#modal" class="uk-modal">
<div class="uk-modal-dialog">
<a class="uk-modal-close uk-close"></a>
<h3>test2Headline</h3>
<p> test2Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>
by holbos

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Change text in sample modal box (in top-a)

Posted 6 years 5 months ago #18805
Hi there,
live Url please!
Which Template?
Try another ID please and not "modal"

Please Log in or Create an account to join the conversation.

Replied by holbos on topic Change text in sample modal box (in top-a)

Posted 6 years 5 months ago #18808
Now i see it.
i mad a wrong sign # in term <div id="#modal" class="uk-modal">
But now it works fine.
by holbos

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2022 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License