Modal Popup Table With Using Template Default CSS - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Modal Popup Table With Using Template Default CSS

RA

Rafael Alvarez

SP Page Builder 3 years ago

Hi

We are using SP Helix Framework + SP Pagebuilder Pro on Joomla 4.0.4 PHP 7.4

We would like to use a modal popup to display a table, this is not a problem, we do use "text" and insert the table code inside it.

But we would like to use a special CSS for this table or use the Template default CSS (the default one used when you drag-drop a table instead a modal popup)

Is this possible ?, we did not found how to apply a special CSS style or we are doing it wrong

Thanks for your help. Best Regards

0
16 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #49684

Hi there,

Thanks for contacting us. Sorry for the inconvenience. By default doesn't have the feature of a modal addon for the table. Besides, we don't prefer customization. Cause, customization support is fully prohibited from our support policy. If you want to use custom HTML code then you can try our Raw HTMl addon.

https://www.joomshaper.com/support-policy

-Thanks

-1
RA
Rafael Alvarez
Accepted Answer
3 years ago #49694

Hi Toufiq

We found the way to do it by adding the CSS to the custom code at the template.

Modal popup has it's own CSS as other addons but does not apply it, we were able to do in others addons like raw html.

The problem was that raw html cannot be used as modal popup.

Thanks.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #49704

Does solve your issue?

0
RA
Rafael Alvarez
Accepted Answer
3 years ago #49765

Please read our comment before. We solved ourselves.

Anyways modal popup CSS is not applied. We had to go and set the CSS at the CustomCSS on the template.

Why modal popup own CSS does not work and other components like raw html does ?

Is possible to have popup in raw HTML ?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #49813

Is possible to have popup in raw HTML ?

Sorry, It's not possible.

Why modal popup own CSS does not work?

Do you wanna modify the default modal addon style?

0
RA
Rafael Alvarez
Accepted Answer
3 years ago #49905

Why modal popup own CSS does not work?

Do you wanna modify the default modal addon style?

Yes, we found the only way to do it is by using custom CSS on the site template, that will affedt all the site.

So how to modify the CSS style for ONLY one modal addon ? Looks does not work

Looks it can be done but it does not work.

By the way we did used the same method to style others addons and worked Ok (by modifying the CSS inside the addon, not at the site template).

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #50031

By the way we did used the same method to style others addons and worked Ok (by modifying the CSS inside the addon, not at the site template).

Does solve your issue?

-1
RA
Rafael Alvarez
Accepted Answer
3 years ago #50039

Hi Toufiq:

Asking more and more will not solve the issue.

I told several times we made it work by modifying the custom CSS at the template custom CSS. So for now is solved for us.

BUT custom CSS is not working for the modal poput addon. Addson, have their Custom CSS.

So we are reporting this last. Let me know if we need to send you screenshots of what are we taking about, cause we are just trying to cooperate informing of things that are NOT working, is not our intention bothering you.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #50044
0
RA
Rafael Alvarez
Accepted Answer
3 years ago #50045

Yes this is where it is

  • Custom CSS works OK for text addon,
  • Custom CSS works OK for Template,
  • Custom CSS does not work for modal popup

You sent us the screenshot for custom CSS for text addon, but modal popup has also custom CSS.

Do you understand me ? Maybe I am explaining wong, my born language is spanish.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #50048

I have added raw HTML addon and added class hello. Then i have wroted a css code under hello css class. Please check

http://helix-framework.org/

0
RA
Rafael Alvarez
Accepted Answer
3 years ago #50051

Hi Toufiq

Sorry, I do not get you. HTML raw addon is different to modal popup addon, right ?

Does custom CSS works for modal popup addon ?

Please see the link bellow

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #50066

Got it your issue. There is no way to modify the modal popup.

0
Pavel
Pavel
Accepted Answer
3 years ago #50083

Hi Rafael. If I may...

Very, very bad idea to use addon's CSS field for production. This field is suitable only for a quick fitting code, and after that transferring it to the custom.css file. The entire code located in this field falls directly to the page inside the HTML code. What gives an invalid and dirty code. Therefore, your problem simply makes no sense to solve. The best place for your code is the custom.css file

1
RA
Rafael Alvarez
Accepted Answer
3 years ago #50230

Hi Pavel,

Thanks for your response. I just were informing this feature does not work, since the beggining of the ticket, but also reporting we did solved it by using custom CSS at the template.

Woudl be very nice you have this info (is for testing code only) at your documentation (maybe you have already).

Best Regards

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 3 years ago #50282

We will add information in our documentation. Thanks

1