Style EDIT LINKS pencil button in top Navigation

On the top navigation of my site I've styled the menu with CSS and a custom master page. However the 'EDIT LINKS' pencil button is an image coming from spcommon.png as an HTML <img> and it is an incorrect color.
How to do I change this image or replace the spcommon.png with my own version?

Hi Justin,
The icons in SharePoint sites are generated via sprites, you could type the url in the picture in your original post :
http://sp/sites/sitename/_catalogs/theme/Themed/
D9FA9D0B/spcommon-B35BB0A9.themedpng?ctag=5
It will display a picture as below, and different themes have different pictures like this.
You could use SharePoint Color Palette Tool to generate theme as you like. Then import the file into the Themes Library :
http://sp/sites/sitename/_catalogs/theme/Forms/AllItems.aspx .
The link below provide more detail information for your reference:
http://blogs.c5insight.com/Home/tabid/40/entryid/392/Update-Default-SharePoint-2013-Icon-Colors.aspx
Regards,
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] .
Rebecca Tu
TechNet Community Support

Similar Messages

Problem with Back button in Top Level Navigation

Hi all,
We are facing a minor problem with the Back button in the Top Level Navigation in Portal. This button is present under the Roles and Worksets menu along with the History, Forward, and Add to Portal Favorites links.
The problem is faced when we have some worksets under a single role. While browsing accross these worksets by randomly clicking on them, we wish to use the Back button as well to go back to the previous workset. But when we use the Back button, the Detailed Navigation panel in the last workset is not retrieved.
I will explain with the System Administration Role. I open the worksets under this role in the following manner:
First I open Transport;
Next I open Portal Display;
Next I open System Configuration;
Now I wish to go back to Portal Display workset by clicking on the Back button. But when I do this, although the Portal Display workset opens up, but I cannot see the Detailed Navigation Panel. See the screenshot below:
http://img399.imageshack.us/my.php?image=backbuttonkg6.jpg
Please help me in solving this issue.
Regards,
Ankur

I think I have found a resolution, although not very pleasant:
[Note 950426 - Portal Back button not working correctly|https://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sap.km.cm.docs/oss_notes/sdn_oss_ep_pi/~form/handler%7b5f4150503d3030323030363832353030303030303031393732265f4556454e543d444953504c4159265f4e4e554d3d393530343236%7d]
Regards,
Ankur

Top navigation buttons are not moving in Css

My problem is that my top navigation bar is sticking to a logo picture at the top even after i told it to {clear:both:} but it didnt move..
And i dont know why it isnt moving away, because i also applied it to go from left to right and that worked. it just wont move.
Html code:
<!DOCTYPE HTML>
<html>
<head>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/timothy.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/styles.css">
    <link rel="stylesheet" type="text/css" href="../css/print.css">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="content-type" content="cache" />
    <meta name="robots" content="INDEX, FOLLOW" />
    <meta name="keywords" content="Enter Keywords" />
    <meta name="description" content="Description Here" />
    <title> Web Site By Sami Kassab - www.timothywebdesign.com</title>
    
    
    </head>
    <body>
    <div id="outer">
    <div id="wrapper">
            <div id="Company-Logo">
                <img src="../Sami logo header.jpg">
            </div>
            <div id="Social-Media-icons">
                <ul>
                    <li><a href="http://www.facebook.com"><img src="../ready facebook icon.jpg" /></a></li>
                     <li><a href="http://www.youtube.com/kkgproductions"><img src="../ready youtube icon.jpg" /></a></li>
              </ul>
            </div>
            <div id="topnav">
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="about.html">About</a></li>
                    <li><a href="products.html">Products</a></li>
                    <li><a href="services.html">Services</a></li>
                    <li><a href="contact.html">Contacts</a></li>
                </ul>
            </div>
            <div id="banner">
              <p> </p>
              <p><img src="../Banner for video.jpg" /></p>
            </div>
            <div id="content">
                <h1>Welcome To The Website</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip                 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt                 mollit.</p>
                <img src="../ready sunset blk.jpg" />
                <img src="../ready sunset blk2.jpg" />
              <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip                 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt                 mollijkt alijgu mounter and the young toy ungy. </p>
            <div id="rightside">
                <h2> Latest News </h2>
                <p> March 22, 2011 </p>
                <h3> Sample Headline </h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip                     ex ea commodo consequat. Duis</p>
            </div>
            <div id="footer">
            </div>
    </div>
    </div>
</body>
</html>
styles.CSS code:
/* Color Legend */
/* Reset */
/* Global */
html    {    }
body    {background-color:#E3DECA;}
/* Containers */
#outer            {width:960px; margin:0 auto; background-color:#FFFFFF; }
#wrapper            {width:900px; margin:0 auto; background-color:#FFFFFF; }
#Company-Logo        {margin:30px 0px; float:left; }
#Social-Media-icons             {float:right; }
#Social-Media-icons ul li        {display:inline;}
#Social-Media-icons ul            {margin-top:40px;}
#banner                (    )
#topnav                {clear:both;}
#topnav ul            {    }
#topnav ul li        {display:inline    }
#topnav ul li a        {    }
#rightside            (    )
#content            (    )
#footer                (    )
#box1            (    )
#box2            (    )
#box3            (    )
#box4            (    )
#box5            (    )
#box6            (    )

You must be more careful my friend, just look at what you have got
#banner                (    )
#topnav                {clear:both;}
#topnav ul            {    }
#topnav ul li        {display:inline    }
#topnav ul li a        {    }
#rightside            (    )
#content            (    )
#footer                (    )
#box1            (    )
#box2            (    )
#box3            (    )
#box4            (    )
#box5            (    )
#box6            (    )
Look at the brackets that you have for #banner and compare them with the brackets that you have for #topnav. While you are at it you can fix the remaining brackets for #rightside through to #box6
Gramps

Edit(pencil) button gone?

Hi all,
I am just new to apex, I am using the default in 10gXE apex2.0.
I am creating a report region using the report wizard, for each table/region page. I can see the edit(pencil) at the beginning of the row , but sometimes it is at the end of each row?
Why can not it be uniform to be at the beginning or at the end? where can I control this edit(pencil) button?
Then i added another column for select display, when the column was added and it displayed on the report, the edit(pencil) button now disappered :( . It seems the region area did not
adjust to the added column hence it overlapped the edit(pencil) button? How can I resolve this.
Please help......
Thanks
Edited by: 843228 on May 23, 2011 3:29 AM

Hi,
Try this link, if it doesn't work if you google oracle apex version 4 user guide and its the first link.
http://www.google.co.uk/url?sa=t&source=web&cd=1&ved=0CBwQFjAA&url=http%3A%2F%2Fdownload.oracle.com%2Fdocs%2Fcd%2FE17556_01%2Fdoc%2Fuser.40%2Fe15517.pdf&rct=j&q=oracle%20apex%20version%204%20user%20guide&ei=yo_zTcPCNZOahQeY2t3uBg&usg=AFQjCNFa-DwhZPPD-uJTNatXWYzHcD9vlQ&cad=rja
Thanks
Paul

ANN 1-hr webinars: Buttons for PDF Navigation/ Interactive Checklists/ Cross-File Links & Bookmarks

Free; no fluff, no hype, no nonsense; starting 9am PDT
• Creating Buttons for PDF Navigation using FrameMaker Hypertext Markers
Wed, April 16
https://www3.gotomeeting.com/register/817461086
• Creating Interactive PDF Checklists with FrameMaker-to-Acrobat TimeSavers + Form Assistant
Wed, April 23
https://www3.gotomeeting.com/register/886165534
• Cross-File Links and Bookmarks in PDFs Authored with FrameMaker
Thu, May 1
https://www3.gotomeeting.com/register/911390886
Shlomo Perets
MicroType, http://.microtype.com
FrameMaker/Acrobat/Captivate training & consulting • FM-to-Acrobat TimeSavers/Assistants

The Bookmark Panel to the left of the pdf is not displaying - I have checked everything (and double checked under preferences to ensure that under Documents > Open Settings > Restore last view settings when reopening documents is Not checked.)
Have reinstalled Acrobat and still am having issues. The only thing I did was open AcrobatLive and converted a doc to a fillable form - I am getting error messages with that now as well.

Edit the task flow which is default in template for top navigation

Hi,
Where can I get the the default task flow file (i. e. spacesNavigationPanel) for collaborative with top navigation template?
I want to edit the task flow for navigation.
Thanks,
A

Here are the steps to find the default task flow file (i. e. spacesNavigationPanel) for collaborative with top navigation template :
Note: I am assuming you're using Oracle WebCenter Portal 11.1.1.8.x
Goto Portal Builder - Assets tab localhost:8888/webcenter/portal/builder/administration/assets
Select Page Templates under Structure from left side pane and you'll see list of out of the box page templates (source not editable) and custom page templates (source editable) on the right side pane.
Take a copy of the existing 'Collaborative with Top Navigation' page template
Select the row 'Collaborative with Top Navigation'
Click on Actions -> Copy
Change the display name (Default : Copy of Collaborative with Top Navigation) and description if needed.
Click OK to create a copy of 'Collaborative with Top Navigation' page template
Select the row w.r.t. newly created page template Copy of 'Collaborative with Top Navigation'
Click the checkbox to make it Available (Optional if you want to use this template later)
Click on Actions -> Edit Source to edit the source of selected page template.
You'll see template code in the window (by default).
Click on 'Page Definition' tab at the bottom of the template code window i.e. Switch to Page Definition tab.
Under Executables, you can see the taskflow code w.r.t. spacesNavigationPanel as follows : <taskFlow id="spacesNavigationPanel" taskFlowId="/oracle/webcenter/webcenterapp/view/taskflows/navigation/SpacesNavigationTopPanelCollaborative.xml#SpacesNavigationTopPanel" Refresh="ifNeeded" activation="deferred" xmlns="http://xmlns.oracle.com/adf/controller/binding"/>
I hope it answers your question.

Style Rendering toolbar: link states buttons.

Hi,
I do not manage to display a link rendered according to a pseudo-class using those link states buttons. Any help?
All the best.

Since you don't seem to have an example page to look at, let's do this backwards.
Create a test page in Dreamweaver. Add this code inside the body (in Code View):
<div class="fubar">
<h1>Fubar links </h1>
<p><a href="#">Nulla facilisi</a>. </p>
<p><a href="#">Curabitur quam</a>. </p>
</div>
Add this style sheet to the head of your page:
<style type="text/css">
.fubar a:hover, .fubar a:focus {
color: #F30;
</style>
Now in Design View, click the ":h" icon on the style rendering toobar. If you followed the instructions, your links will both turn red. If you need further help, you really need to post a link to a test page on your web server.
Al Sparber - PVII
http://www.projectseven.com
The Finest Dreamweaver Menus | Galleries | Widgets
Since 1998

How to customize top navigation css in SharePoint 2013?

Hi All,
How to customize top navigation css in SharePoint 2013?(Want to add colors for each link in the navigation)
My current page is like-
Expected-

Hi Sam,
Please check the following article about how to style the top navigation with custom css.
How to: Brand snippets by using CSS in SharePoint 2013
Thanks
Daniel Yang
TechNet Community Support

Sharepoint Designer Workflow - Edit this task button not showing in outlook for some users.

Hello all,
I have created a "collect data from user" workflow in Sharepoint Designer, with around 9 "else" instances as to who to collect data from. My problem is that some users do not have the "Edit this task" button at the top of the email (Nor do they have the
"create rule.." button). They DO have the enabled hyperlink in the body of the email, which brings them to a screen where they can view the details of the task, then edit it by clicking on "Edit".
My users who have the button at the top of the email are having a much more simplified experience, and I would like all users to have it. All permissions are equivalent across the board as best I can tell. Is this an Outlook settings issue perhaps?
Any input is much appreciated!
Thanks!

Hi Fender,
Please can you confirm which version of Outlook your users have (and if they are all on the same version)? All my none 2007 users lack the Edit Item button, and have to use the links in the body of the email, which I believe is simply due to the fact that
2003 et al lacks the same SharePoint integration options as 2007.
Cheers
Stew

Drop down menu in top navigation

Hello friends,
I have created a normal team site, but I can't drag and drop a link as a child of some item during editing the links in the top navigation. This happens when the masterpage is seattle.
While as same can be done when the masterpage selected is oslo.
Check the below link for illustration I don't get this sort of option in seattle or more importantly when I use my custom masterpage for branding.
stackoverflow.com/questions/28172658/cant-create-child-items-in-top-navigation-in-sharepoint-2013-when-using-custom
Please suggest

Hi,
According to your description, there is an issue about the “drag and drop” feature in the top navigation when applying seattle master page.
By default, there are two types of links in the Top Navigation and the Current Navigation: heading and link:
If it is a heading, it will be able to hold other links, we can use the “drag and drop” feature to drag a link to the heading, then it will display like this:
In my environment, there is a heading “bam”, two links “bing” and “bing1”. When applying seattle master page, I can drag the “bing1” to the heading “bam” as the screenshot
above.
Please try adding a heading in the Top Navigation and drag a link into it.
More information about site navigation in SharePoint 2013 for your reference:
https://technet.microsoft.com/en-us/library/ee695757(v=office.15).aspx
Feel free to reply if there any progress.
Best regards
Patrick Liang
TechNet Community Support

Prev Next Buttons on top of jQuery

I have a scrolling banner and on the left and right of the image I want to place 2 buttons on top of the image that scrolls.
I have coded CSS style position:absolute or even relative, which displays fine if jQuery is not used.
How can I code this to jQuery as the previous and next always sits underneath the image and you cannot see it
http://www.australiancheapholidays.com/site/
thanks

Give the 'dialog' <div> a position of relative:
.dialog {
position: relative;
Then absolutely position your 'prev2' and 'next2' links (z-index, see below) will place the links on top of the banner images.
#prev2 {
position: absolute;
top: 130px;
left: 30px;
z-index: 300;
#next2 {
position: absolute;
top: 130px;
left: 920px;
z-index: 320;

Create and Edit with single button

Hi Experts
I am working in jdev 11.1.1.3.0
I have Employee table and i need to create Depart information for that employee. Here i am using single button for both create and edit.
Can you suggest me the approach.

I tried the approcah what describe in the below link
http://www.oracle.com/technetwork/developer-tools/adf/learnmore/45-decision-based-method-outcome-169187.pdf
But in my case my task flow is
edit
Method call----> Router-------------Depart.jsff
|
|
CreateInser
<?xml version="1.0" encoding="windows-1252" ?>
<adfc-config xmlns="http://xmlns.oracle.com/adf/controller" version="1.2">
<task-flow-definition id="emp-deprtment-config">
<default-activity id="__11">navigateSrvChar</default-activity>
<input-parameter-definition id="__8">
<name id="__9">bidId</name>
<value>#{requestScope.bidId}</value>
<class>oracle.jbo.domain.Number</class>
</input-parameter-definition>
<view id="deprtment">
<page>/jsffs/emp/deprtment.jsff</page>
</view>
<method-call id="navigateSrvChar">
<method>#{DepartmentBean.editOrCreate}</method>
<outcome id="__17">
<fixed-outcome>navigateSrvChar</fixed-outcome>
</outcome>
</method-call>
<method-call id="CreateInsert">
<method>#{bindings.CreateInsert.execute}</method>
<outcome id="__28">
<fixed-outcome>CreateInsert</fixed-outcome>
</outcome>
</method-call>
<router id="router1">
<case>
<expression>#{pageFlowScope.navigation == 'edit'}</expression>
<outcome id="__18">edit</outcome>
</case>
<case>
<expression>#{pageFlowScope.navigation == 'create'}</expression>
<outcome id="__19">create</outcome>
</case>
</router>
<control-flow-rule id="__23">
<from-activity-id id="__24">navigateSrvChar</from-activity-id>
<control-flow-case id="__27">
<from-outcome id="__26">navigateSrvChar</from-outcome>
<to-activity-id id="__25">router1</to-activity-id>
</control-flow-case>
</control-flow-rule>
<control-flow-rule id="__29">
<from-activity-id id="__30">CreateInsert</from-activity-id>
<control-flow-case id="__32">
<from-outcome id="__31">CreateInsert</from-outcome>
<to-activity-id id="__33">deprtment</to-activity-id>
</control-flow-case>
</control-flow-rule>
<control-flow-rule id="__6">
<from-activity-id id="__7">router1</from-activity-id>
<control-flow-case id="__12">
<from-outcome id="__13">edit</from-outcome>
<to-activity-id id="__10">deprtment</to-activity-id>
</control-flow-case>
<control-flow-case id="__15">
<from-outcome id="__16">create</from-outcome>
<to-activity-id id="__14">CreateInsert</to-activity-id>
</control-flow-case>
</control-flow-rule>
<use-page-fragments/>
</task-flow-definition>
</adfc-config>
but i am getting error like " The ADF Controller cannot find metadata for activity '/taskflows/emp/emp-deptment-config.xml#emp-deptment-config@router1'."
any inputs could be highly appreciate
Edited by: user642703 on Oct 20, 2011 5:33 AM

I want to implement three level Horizental navigation on the top navigation and menu items are created based on the data available in a SharePoint List.

Hi All,
I want to implement three level Horizental navigation on the top navigation and menu items are created based on the data available in a SharePoint List.
Implement this requirement through customization, how can i start any help
Thanks

Hello,
You can follow these links to get the result that you want. You can get the desired result either using the custom list or a site map. Please make sure when you edit the master page, dont work on the original v4.master. Always make a a copy and then work
on it.
This link will show you how get that navigation using a list.
http://www.bitsofsharepoint.com/BlogPoint/Lists/Posts/Post.aspx?ID=60
This link will show you how get that navigation using a sitemap.
http://www.sharepointdiary.com/2012/01/custom-top-navigation-using-sitemap.html
Please mark as "Answered" if this helped you.
Thanks,
norasampang

Edit Links missing from site collection

I no longer have the ability to choose the "Edit Links" option on the site collection. I have seen the CSS to take it away. I do not have that in my CSS.

Hi Daniel,
I've also experienced MilaJoe's issue as well. I have four web applications each with a root Site Collection based on the Enterprise Publishing template. All four of these site collections are missing the "Edit Links" option in the Quick Launch
and Global Navigation bar.
I'm a Farm Admin and also a Site Collection Admin to all of the sites in my environment. Here's what I have noticed:
Any top-level site collection that is NOT a root site has the "Edit Links" option enabled. Any site collection that is build off the managed path (i.e. webapp/sites/project1) works just fine.
Anything that is provisioned at the root site collection does NOT present the "Edit Links" functionality. This appears to be the case whether or not I start with a Team Site or Enterprise Publishing template. Activating site collection features
or site features has no affect on the the "Edit Links" functionality at the root.
Daniel, any chance you can confirm my theory?
NOTE: Site Owners can still manage navigation under site settings; however, I'd still like for Microsoft to confirm that enabling or disabling the SharePoint Server Publishing Infrastructure feature is what's supposed to control this behavior.
Thanks,
Chuck

Can't click on links and buttons from verizon 8330 curve

I am currently working on developing a web system using HTML & PHP. I have it up and running in a development environment, but when I look at it from my blackberry (Verizon 8330 Curve) I can see the page, but I can't click on anything. (Links or Buttons) I asked a coworker to try from his phone (Verizon Storm) and he didn't have any trouble. So my question is what am I doing wrong where nothing is appearing as usable? I wanted to make sure that my coding wasn't the problem so I created a test page and had the same problem. Below is the code I am using from the test page.
This is my test.html page.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
</head>
<body>
<form action="index.php" method="post"><input type="text" name="filter"></input> <input type="submit" value="Search"></input></form><br />
Please enter an item name in the search box below.<br />(Partial names are accepted)
<br /><br /><a href="/test.html">This is a link.</a>
<form onSubmit="search_handle(this);" style="padding-top: 4px; padding-bottom: 4px;">
    <input class="sf" type="text" name="q" maxlength="255" value="Enter search text..." style="width: 135px; color: #a5a5a5; padding: 2px;" onFocus="this.style.color='#000000'; if( this.value=='Enter search text...' ) { this.value=''; }" onBlur="if( this.value=='' ) { this.style.color='#A5A5A5'; this.value='Enter search text...'; }" /><br />
    <input type="submit" value="Go!" class="sf" />
</form>
</body>
</html>

Thank you for replying! I have gone through them a couple of times and tried different combinations, but it seems to have the same result. My current settings are as follows. Please advise if you think changing any of these will help.
support javascript - yes
allow javascript popups - no
terminate slow running scripts - yes
support html tables - yes
use foreground and background colors - yes
use background images - yes
support embedded media - no
support style sheets - no
show images - on wml & html pages
emulation mode - blackberry
default browser - internet browser
default font family - bbalpha sana
default font size - 8
minimum font size - 6
minimum font style - plain
default - column
enable cursor in column mode - yes
image quality - medium
repeat animations - 100 times
enable javascript location support - no

Style EDIT LINKS pencil button in top Navigation

Similar Messages

Maybe you are looking for