Invision Community 4: SEO, prepare for v5 and dormant account notifications Matt November 11, 2024Nov 11
Posted April 13, 20177 yr Hey I have a button in my toolbar that works a s HTML and for Mods and Admins it displays https://gyazo.com/cb579aad01dd38449a3fe065cad57950 once posted but for members it displays once posted https://gyazo.com/963e0eecaf87710b7ebe9f3b9517b84a why so?
April 13, 20177 yr Check the whitelisting options for the editor in the ACP. You need to specifically allow css classes, iframe sources and things like that.
April 13, 20177 yr Author Okay. For specific member groups? Also where to I find this whitelisting? @opentype
April 13, 20177 yr Author 14 minutes ago, opentype said: Customization → Editor → Settings → Advanced Thanks. This HTML code line will be added as css classes I suppose. So what do I fill in the box? The buttons name?
April 13, 20177 yr Author 12 minutes ago, opentype said: I don’t know your button code … Well, its just html. So what will I provide in the Heres the code btw <div style="text-align: center; width: 100%; max-width: 1100px; margin: 0px auto; padding: 0px; border: 2px solid #000000; border-radius: 15px;"><div style="height: 120px; text-align: center; line-height: 120px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; border-top-left-radius: 12px; border-top-right-radius: 12px; background: linear-gradient(#1e90ff, #0000ff);"><span style="font-size: 48px; color: #ffffff; font-weight: bold; word-spacing: 1px; letter-spacing: 1px; text-shadow: #000000 1px 1px 1px;">Your Title Here</span></div> <div style="padding: 4px;"><div style="display:table; width:100%; border-spacing:8px;"><div style="display: table-cell; width: 60%; text-align: center; vertical-align: middle; padding: 4px; border: 1px solid #202020; border-radius: 12px;"><img src="http://sellercore.com/user/images/imagehere.gif" style="width: 220px; height: 213px;"><br> </div> <div style="display: table-cell; width: 40%; text-align: left; vertical-align: top; padding: 4px; border: 1px solid #202020; border-radius: 12px;"><div style="font-size: 22px; color: #ffffff; text-align: center; font-weight: bold; letter-spacing: 2px; padding-right: 8px; padding-left: 8px; border: 1px solid #000000; border-radius: 8px; background: linear-gradient(#1e90ff, #0000ff, #1e90ff);">Item Details</div> <div style="color: #181818; text-align: left; padding: 4px;">Brief item details here. Brief item details here. Brief item details here. <b><u>Use the tools in the toolbar to edit font, colours, aligns etc. (be sure to delete the image once your done)<br> <br> <img src="http://i.imgur.com/5B5xWXC.png" style="width: 750px; height: 70px;"></u></b></div> <br> </div></div> <div style="margin-right: 8px; margin-bottom: 8px; margin-left: 8px; padding: 4px; border: 1px solid #202020; border-radius: 12px;"><div style="color: #181818; text-align: left; padding: 4px;">Expanded item details here or double click this div and select delete div to remove this section. Expanded item details here or double click this div and select delete div to remove this section. Expanded item details here or double click this div and select delete div to remove this section. Expanded item details here or double click this div and select delete div to remove this section. Expanded item details here or double click this div and select delete div to remove this section.</div> <br> <br> <div style="font-size: 22px; color: #ffffff; text-align: center; font-weight: bold; letter-spacing: 2px; padding-right: 8px; padding-left: 8px; border: 1px solid #000000; border-radius: 8px; background: linear-gradient(#1e90ff, #0000ff, #1e90ff);">Price List<br> </div> Prices Here. Prices Here. Prices Here. Prices Here. Prices Here.<br> <br> <div style="font-size: 22px; color: #ffffff; text-align: center; font-weight: bold; letter-spacing: 2px; padding-right: 8px; padding-left: 8px; border: 1px solid #000000; border-radius: 8px; background: linear-gradient(#1e90ff, #0000ff, #1e90ff);">Payment Gateway<br> </div> <div style="color: #181818; text-align: left; padding: 8px;">Insert a Payment Gateway- follow the intructions in the image below. (Be sure to delete the image once inserted.)<br> <img src="http://i.imgur.com/XiSchcu.png" style="width: 643px; height: 384px;"><br> </div> <br> <br> </div></div> <div style="height: 30px; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #000000; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; background: linear-gradient(#0000ff, #1e90ff);"></div> </div><br> https://gyazo.com/e7ca835ea19603f51d49911d081bad6f area?
April 13, 20177 yr ? That is just terrible. Please let someone rewrite that as CSS classes. That shouldn’t be hard-coded in any post that uses that button.
April 13, 20177 yr Author 20 minutes ago, opentype said: ? That is just terrible. Please let someone rewrite that as CSS classes. That shouldn’t be hard-coded in any post that uses that button. I will. But please tell me so I can sovle this for the momemnt atleast
April 13, 20177 yr Since you don’t use CSS classes yet, the whitelisting won’t help you. Some or most of the inline styling is just removed by the system when posting. I don’t think there is a way around that other than allowing full HTML to all members (which is of course not advisable).
April 13, 20177 yr Author Okay then I get it. Thanks a lot for the help. So basically all I have to do is getting it rewritten? It worked somehow when I as a admin posted it for the members (i edited it)
April 13, 20177 yr Yes. Turn it into CSS classes and then whitelist those classes. Then it will work.
Archived
This topic is now archived and is closed to further replies.