CSS Buttons in Blog Module Template Help

I am using css buttons for my social icons in my blog side bar. I have included the css stylesheet in the overall blog module template as well as well as the button text. The icons appear when I view the blog in list view, however when I try to view an individual post, the icons do not appear, just the button text. The buttons work on all other web pages within BC as well. Thanks for any help

Have you set the paths for your images and css as ... src="/images/" etc?
In BC CSS, JS, images etc need to start with a forward slash to say "read from root".

Similar Messages

I need help adding an additional button to a web template

Hello,
I am trying to add an aditional button to a web template I inherited. I am not a web person just trying to fill a gap at the company.
If you look at my test server www.pondviewtech.com I want to add another button above the request demo one. I have tried a bunch of things: making the button smaller, adding a similar line to my index file as the same button, deleting the "Welcome to" text. The best I could get was this www.pondviewtech.com/buttontest.html . I have attached my buttontest.html file. I couldn't figure out how to paste a few lines of code in this page.
I didn't create the template so if it is a mess don't worry about my feelings.
Thanks for any help or suggestions.

Change this -
 Welcome to Automated Compliance Solutions
 <a href="contactacs.htm"><img src="button.png" width="266" height="56" border="0" align="right" /></a>
to this -
 Welcome to Automated Compliance Solutions
 <a href="yourlink.htm"><img src="yourbutton.png" width="266" height="56" border="0" align="right" /></a>
 <a href="contactacs.htm"><img src="button.png" width="266" height="56" border="0" align="right" /></a>
Be aware that my suggestion here is NOT valid XHTML, but since you are not a web developer, and the 'invalid' markup that I have suggested will not affect the rendering or operation of the page, I decided to keep it simple for you. In my suggestion, "yourlink.html" refers to the page to which you want this button to link, and "yourbutton.png" refers to the filename of the button image (obviously you'd want to change this to correspond to the filename and extension of the image you have created).

How do you customize a submit button in comments module?

Hi,
I want to create a customized submit button for the comments module. Right now, the submit button shows up as a css button, i.e. an ugly gray square:
http://www.graeagle.com/_blog/Graeagle_World/post/Artistic_Musings_in_Graeagle/
I have a button here http://www.graeagle.com/images/btn_submit.jpg
that I would like to swap out with the current css button.
Alternatively, I would be happy with just the factory system button for the OS.
I have looked at the modulestylesheets.css file and it appears the 'cat_button' style controlled the submit button.
I have tried to modify the css, yet nothing changed.
The issue seems to be only with the comments submit button since I have successfully changed the button on all my web forms for this site.
I have searched the KB but have found no real guide. So, I would most certainly appreciate a step by step approach since I'm coming up empty.
Cheers,
Michael

Hey Liam,
Thanks so much! The thing I neglected was changing the code on the Blog Details Module Template. So, from your links, I added new css code to my modulestylesheets.css file with the following:
submit
.submitBtn {
 font-family: Verdana, Geneva, sans-serif;
 font-size: 18px;
 color: #FFF;
 padding: 5px 40px 5px 40px;
 border: 1px solid #999;
 text-shadow: 0px 1px 1px #666;
 text-decoration: none;
 -moz-box-shadow: 0 1px 3px #111;
 -webkit-box-shadow: 0 1px 3px #111;
 box-shadow: 0 1px 3px #111;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 background: #333333;
 background: -moz-linear-gradient(top, #333333 0%, #4F4F4F 50%, #333333 51%, #33333B 100%);
 background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#33333B), color-stop(0.4, #4F4F4F), color-stop(0.5, #111111), color-stop(.9, #33333B), color-stop(0.9, #33333B));
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#33333B', GradientType=0 );
 cursor: pointer;
.submitBtn:hover {
 border: 1px solid #FFF;
Then under the Site Manager:Module Templates:Blog Post Details Layout I changed the following html code:
<input type="submit" value="Submit" />
TO
<button type="submit" class="submitBtn">Submit</button>
And it worked like a charm!
I wanted to post this here for future reference and help.
Again, thanks for the great tips!
Cheers!

How do I enable bold/italic text formatting in blog module on website?

For some reason I can't figure out how to enable more text formatting options on our blog. We used the blog module on a muse template. I customized the module to apply fonts we used on our website. The main text on the blog is Lato.
Link to blog: Coupar Consulting
When we go in to write a post you can use the bold/italics options and it shows up in the edit window as shown in the screenshot below:
The font is not correct, but because I set the font in the module to use Lato it does show as lato when you publish, see preview below (notice no bold or italic text):
What am I missing??
Thanks in advance!!

Use your browsers console and inspect tool. This stuff becomes very easy.
address,caption,cite,code,dfn,em,strong,th,var,optgroup
font-style: inherit;
font-weight: inherit;
Line 34 ish in - http://www.couparconsulting.com/css/site_global.css?3869595648
This overides the font bold style on strong.

Issue with AjaxControlToolkit for SharePoint 2013 Blog site template.

Hi,
Please find below the details of issue -
History - We are working with SharePoint 2013 and we are using AjaxControlToolkit in our project. Basically this is a migration project from MOSS to SharePoint 2013. So we have migrated code MOSS to SharePoint 2013. Previously in MOSS project, AjaxControlToolkit
was used so after migrating we have also used AjaxControlToolkit with updated version which can work in SharePoint 2013. This is working fine now.
Scenario - There is one web application in SharePoint 2013 farm. Under this web application there are two site collections. One site collection is created with Team site template and second site collection is created with Blog site template.
There are three feature in our wsp that we have created. One feature is at web application scope (which will do web.config modifications and it will add below entry in web.config file through SPWebConfigModification in section 'configuration/system.web/compilation/assemblies'
<add assembly="AjaxcontrolToolkit, Version=4.5.7.725, Culture=neutral, PublicKeyToken=28f01b0e84b6d53e" />
). And there are two site collection features.
Now when we deploy our solution (wsp) to web application in SharePoint 2013 farm and activate the Web.Config modification feature which is at web application level, it has added above mentioned entry in web.config file.
Our application in first site collection is working fine which we are expecting but in the second site collection which is created using out of box Blog site template, 'comment box' and Post button are invisible as shown in below screen shot -
If we remove below entry from web.config file -
<add assembly="AjaxcontrolToolkit, Version=4.5.7.725, Culture=neutral, PublicKeyToken=28f01b0e84b6d53e" />
and refresh the Blog site page then the Comment box and Post button is appearing again as shown in below screen shot -
We also tried with updated versions of AjaxControlToolkit (Version=4.5.7.1005 & 4.5.7.1213) but no success.
I will highly appreciate if you could help me in this.
Thanks for your time.
Thanks & Regards,
Rajendra Gaikwad.

Hi,
As you said, the issue only comes with the Blog site template.
I suggest you take a look at this blog about how to make Ajax Control Toolkit work with SharePoint 2013:
http://andreaswijayablog.blogspot.com/2013/12/ajax-control-toolkit-with-sharepoint.html
Another similar thread for your reference:
http://social.msdn.microsoft.com/Forums/sharepoint/en-US/60fa19fe-86a0-446b-b61f-11a82fe4287f/how-to-implement-ajax-toolkit-for-sharepoint2013?forum=sharepointdevelopment
Thanks
Patrick Liang
Forum Support
Please remember to mark the replies as answers if they
help and unmark them if they provide no help. If you have feedback for TechNet
Subscriber Support, contact [email protected]
Patrick Liang
TechNet Community Support

Trouble with editing BC Blog Modules in Dreamweaver

I was wondering how to customize blog modules in dreamweaver. In dreamweaver when I add the "list of post module" into a template, then click on data, I do not see the tags to insert archive blog posts, or older and newer posts tags. How can I add and edit those tags. In the end I am looking to get a blog that looks like this. Also, is there not a way to edit the blog post detail in Dreamweaver? In BC I see that it is possible to add an image in the older and newer blog post tags. How do I do that? Thanks for all the help!

SummumBonum000 wrote:
Is WordPress a better option for creating a custom blog?
It depends on what exactly do you mean by "Custom". If you mean to say that you want to redesign the layout like Adobe has done than yes WP is definitely the best. Adobe's blog is here: <http://blogs.adobe.com/> Yahoo India is here: <http://in.news.yahoo.com/blogs/> Main Yahoo is here: http://news.yahoo.com/blogs/. Other major organization is NYTimes. Other Yahoo blog: <http://ycorpblog.com/>
I think WP has won the battle for CMS market and all they now need to do is to monetize their market position. Can you imagine if users start paying $20 a year what they can make? They have about 80 million users and so you can do the math!!

Problems with customizing blog modules.

I was wondering how to customize blog modules in dreamweaver. In dreamweaver when I add the "list of post module" into a template, then click on data, I do not see the tags to insert archive blog posts, or older and newer posts tags. How can I add and edit those tags. In the end I am looking to get a blog that looks like this. Also, is there not a way to edit the blog post detail in Dreamweaver? In BC I see that it is possible to add an image in the older and newer blog post tags. How do I do that? Thanks for all the help!

Hi,
If you download application you can see source.
I have not write any instructions, sorry.
If you are on Apex 4 you can just load jQuery UI autocomplete library and take ideas from my app.
If you download my sample in zip there is uncompressed htmldbQuery library.
You can see that and take only function htmldbAutocomplete.
Then check jQuery UI document
http://jqueryui.com/demos/autocomplete/#method-search
There is method search that you can use open list just by click of input.
I hope this helps at start.
Regards,
Jari

Create a phone/table specific version of blog using BC blog module

I have a blog set up on a clients website using the blog module: INSPIRATIONAL JOURNAL
I built the website in Muse and so far I've created a phone version in addition to the desktop version. Is there a way to create a phone version of the blog? I'm confused on how to do this because in the blog module you can only have it use one template. I really need to figure this out for my client, any help is appreciated.
Thanks!

Add the module as html code on your mobile page in Muse.
Blog modules
{module_blog,filter,ID}
Displays the list of blogs according to the blog list layout. Recommended use is to link directly to an individual blog rather than use the blog module. Use the Link Manager for Blog URL.
Parameters
filter - filtering criteria for display and can be one of the following:
i - individual item
a - all items
l - latest items
r - random item
cr - displays a random item in a particular category
ID - system generated (do not change)
Examples of use{module_blog,i,419} - will display the individual blog with ID of 419
{module_blogsitepost,numberOfPosts}
Displays latest posts across all blogsParameters
numberOfPosts - limits the number of posts displayed by the module
{module_blogpostlist,ID,count,tag}
Displays latest posts across a single blog/tagParameters
ID - system generated (do not change)
count - how many posts to display - the default is 10
tag - name of the single tag you want ot display the posts for
Example of use{module_blogpostlist,419,1,business} - will display latest post in the blog with ID 419 where the tag is the word "business".
{module_blogsitesummary,ID,numberfOfPosts}
List of latest post names across all blogs (list format) or across the single blogParameters
ID - if you use -1, you will display the summary across the whole site. For a single blog you need to use the blog ID.
numberfOfPosts - limits the number of posts the module can display. Default is 5 posts.

No longer able to edit images inside the blog module? Has BC removed this function?

When inserting images into a blog post I used to be able to resize images, add margins, etc. I tried to do this recently but those tools were no longer there. Is this no longer available? Below is a screenshot of what it used to look like.
Since there is no featured image for blog posts I've been inserting images into the first paragraph as a work around. Not being able to edit those images directly in the blog module is going to make that more difficult.
I've been able to resize the image through code, but this is not exactly user friendly for clients.

Hi Beth, Liam answered this for me on another post.
Go into site settings / beta features/ untick active beta feature untick "enable for everybody". That should do the trick.
Check this link to see the conversation I am having with liam as I think we are on the same page....or maybe you can help with my questions...
is it possible to truncate the blog so 2 paragraphs show up?
cheers,
d

How can I get the Email Campaigns Blog module to display correctly in Outlook?

I'm having a bit of trouble with this. I've used the email campaign builder to build a campaign; added the blog module to it and applied a custom template to it so that it should display correctly, but outlook has other ideas...
Here's what it should look like:
and here's what outlook gives me:
this is built within tables and the tables and cells all have set widths of 520px, yet the blog module seems to ignore this and somehow sit outside of them, breaking the template (BUT only in outlook).
Is this a problem anyone has experienced before?
Any ideas on how to fix it?
Thanks
Sam

HTML Email Campaign design is still a very tricky beast. There are no standards like the makers of the major web browsers have been pushing for and adhering to over the years for web designers so since there are any number of email clients like your native mobile phone email clients, desktop clients like Outlook and Thunderbird and then web-based email clients like Gmail, Yahoo!, etc. there's no standard to display HTML in emails so each client does things differently.
Outlook and Gmail in the past have been the worst offenders. Fixing it is nothing simple. You need to go into your markup and make sure every table has a width set both in the inline STYLE attribute as well as the WIDTH attribute on the TABLE element.
Outlook 2007 and 2010 are both horrendous at displaying HTML uniformly- as it relies on the Microsoft Word rendering engine. Most of the time for my clients I tell them that if the end user can read and click links in Outlook then it's a win-- they're used to seeing horrible formatted emails no doubt. But, if you find most of your email list is using Outlook (corporate/enterprise customers) then you should keep tweaking it.
It's impossible to tell from screenshots what the issue is-- it's likely a markup issue if there is one.

Custom module templates for Web Apps

Just wanting to see if there's anyone out there who knows if the custom module templates from the September release are available for Web Apps? I can't seem to get them to work.
When placing {module_webapps,8168,a template=”/custom/wap-contract.tpl”} I get a "No Items Found" response. I would appreciate help as this would be very useful in building Web Apps and I can't find documentation on it
Thanks

They do work with Web Apps, I've been able to use it successfully. Here is the only documentation I can find on it so far:
http://helpx.adobe.com/business-catalyst/partner/using-custom-templates-modules.html
Curious though, when you get "No items found" that means there are no web app items to show. So we don't really know if your custom template worked or not. If you can get some items to show up and they use the default layout, then we know something is wrong.
Hope this helps,
Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7

How can I get the name of a output module template

Hey guys,
     SDK newbie here.
     How can I get the name of every output module template?
     Thanks
Zhiqiang Li

Ok. Bravo
Please mark this as 'Answered' - it will help others on the forum -

How to implement custom lov button without the standard template.fmb?

hello,
i am developing a application using oracle forms 10g. i can't use the standard template.fmb because my application does not run in ebs. there comes the problem: i want to implement the lov button function like the template does, such as :
1. when the text item get focus, lov button display.
2. when the text item lost focus, lov button disappear.
3. when scrollbar scrolls, the position of lov button adjust accordingly.
4. there is only one lov button in one form and the lov button was created dynamicly.
i found it's so complex to do this.
anyone can help?

Try to change the following setting to true
app.ui.lovButtons=falsein $ORACLE_HOME\forms\java\oracle\forms\registry\registry.dat

Addition\modification of Module Template. Possible?

Is it possible to add a link to a web form to a Module Template, specifically the Detail Layout of Customer Orders Layouts? I want to allow the customer to go to a Payment Details entry form from the Order detail. This is all done after login to the customer secure zone account.
Thanks for your help!

Hi,
You should ask this question from some of the HR related forums. This is a workflow forum.
Kind regards,
Karri

Output module template is missing

When ever i try to download the adobe after effects cc trial it says output module template is missing so i tried running and doing all of the adobe cc cleaner because the adobe care twitter said to, i went through all of that and now i re installl after
Please help
Edited by: Kevin Monahan
Reason: More searchable title

1.i have after effect cc 2014
2. everything is updated
3. http://i.imgur.com/YmbEQHb.png
4. the error message is http://i.imgur.com/zUcd0Jc.png
5. i was watching a youtube video and then i went to open after effects cc 2014 and it came up with that error
6. i havnt been able to fix at al.l
7. my source footage is mainly .mts and .mov recroded from my xbox through a hd pvr in 59.94 fps
8. no i dont have quick time
8.5. other programs i use are sony vegas. steam , and baic microsoft word and powerpoint
9. no im not using opengl
10. no im not using ray 3d trace render
11.at first i got a module template missing error but then a person on the adobe twitter told me to follow the step for cc adobe cleaner and then re install and it should work so i did and then that error went away but now i have this new error

CSS Buttons in Blog Module Template Help

Similar Messages

Maybe you are looking for