Modal Box

Use the [modal_box] shortcode to show a popup box with overlay. The [modal_box] shortcode can also be linked with these module positions: reveal-a, reveal-b and reveal-c. By using one of these positions as your target, the modal box will show a popup of the modules that have be placed in these positions and assigned to the corresponding menu.

target Description
reveal-a show modal box for modules in reveal-a position
reveal-b show modal box for modules in reveal-b position
reveal-c show modal box for modules in reveal-c position

For each module linked to reveal-a, reveal-b or reveal-c, you can use Module Class Suffix to style it just like a normal module. The target parameter can also be the id of a content section.

Size modifier

To adjust the size (width) of the modal box, add modal-small or modal-large to the Module Class Suffix of the module.

Trigger a modal box from link

reveal-a   reveal-b   reveal-c

[modal_box link target="reveal-a"]reveal-a[/modal_box] 
[modal_box link target="reveal-b"]reveal-b[/modal_box] 
[modal_box link target="reveal-c"]reveal-c[/modal_box]

Trigger a modal box from photo


[modal_box link target="reveal-a"][image style="uk-image-round" url="images/demo/sample.jpg" title="sample_1" width="275" height="182" /][/modal_box] 

Toggle modal box from buttons

reveal-a   reveal-b   reveal-c

[modal_box button style="color" target="reveal-a"]reveal-a[/modal_box]
[modal_box button style="color" target="reveal-b"]reveal-b[/modal_box]
[modal_box button style="color" target="reveal-c"]reveal-c[/modal_box]

Toggle modal box for inline content

The [modal_box] shortcode can also be used for inline content by using the following sytnax:

<!-- create a link that will trigger the pop-up modal box -->
[modal_box link target="mycontent"]my link[/modal_box] 

<!-- create the content of the modal box -->
[modal_box content target="mycontent" style="mod-color"]

Popup content

Inline content

Throughout life people will make you mad, disrespect you and treat you bad. Let God deal with the things they do, cause hate in your heart will consume you too. Be kind whenever possible. It is always possible.

درباره ما

online cityتجربه یک رشت آنلاین
ما فضایی فراهم آوردیم تا بتوان از مشاغل خدماتی رشت از خانه خود با قیمت مناسب خرید کرد

icon reserveبررسی, انتخاب و خرید آنلاین
اولین سایت در رشت جهت بررسی,انتخاب,رزرو و خریداز مشاغل خدماتی رشت

نماد اعتماد الکترونیکی

آدرس ما


دفتر مرکزی ما :

شهر باران ، منطقه شهر یاران / بین بوستان دانشجو

و مفاخر / ساختمان سرو ، طبقه سوم

تماس : 01333509111

سامانه پیامک : 10007412