Link Button Rollover Background
I would like for a link button to not have any rollover
background circle over it. I would just like for the text to change
color upon rollover - I think this has to be pretty easy but it is
not obvious to me based on looking at design mode.
Many Thanks
Here's a link to an article that covers the various approaches for making popup windows in Flash:
http://helpx.adobe.com/flash-player/kb/create-pop-browser-windows-flash.html
Similar Messages
-
Links button rollover doesn't work
I've checked the code & all the links should work. Any
ideas? All the other buttons work beautifully.
koiImpossible to tell. Can we have a link or the code or
something...?
Andy -
How to apply background color to link button in Flex 2
I need to apply background color to link button as the Rollover color has on its over event.How is this possible in Flex 2 ?I am using the above in Xcelsius as custom component so if I apply graphics and draw rect method it does not have any effect.Please help.
These might help:
http://jdevadf.oracle.com/adf-richclient-demo/components/skinningKeys/column.jspx
http://jdevadf.oracle.com/adf-richclient-demo/components/skinningKeys/table.jspx -
Hey guys,
I was wondering wether there was a way to create rollover
link graphics the same way as text links ie.
link/active/hover/visited. I want to create link buttons with
graphics and need the different 'rollover' states (but dont want to
use Flash) as I want pure HTML/CSS - is there a way round to do it
or should I stick to good old fashioned text links, which I'm
trying not to? Many thanks.Make the graphics the background image for the <a>
tags, and use the hover
pseudo-class to do the rollover to a new background image.
You can see that in the menu here -
http://66.165.96.216
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"tommysauce" <[email protected]> wrote in
message
news:ed218e$7b6$[email protected]..
> Hey guys,
> I was wondering wether there was a way to create
rollover link graphics
> the
> same way as text links ie. link/active/hover/visited. I
want to create
> link
> buttons with graphics and need the different 'rollover'
states (but dont
> want
> to use Flash) as I want pure HTML/CSS - is there a way
round to do it or
> should
> I stick to good old fashioned text links, which I'm
trying not to? Many
> thanks.
> -
How to use one button rollover symbol to create 100 graphically different buttons
I do know how to create a button rollover symbol.
I don't know how to make that button rollover symbol reuseable. I'd like to put 100 different images in 100 copies of the button. I'd rather not make new symbols for every button, since the rollover animation may change.
Symbol "Accessibility" allows the title to be changed for copies of the symbol. Does similar functionality exist for bitmaps used in the symbol?
Could the copied button bring in new graphics from the timeline in another symbol or a xml sheet?
Any help would be greatly appreciated. I've been following tutorials, except none of them cover this situation.
Thanks for your help!Created in EA version 3:
I have 2 samples for you that are very similar.
1- uses the symbol with no image and loads the image as a background-image for the div.
https://app.box.com/s/co7uki3fm3b11a3o1xjw
2- uses an image in the symbol and replaces this image with a new one in the img (not div)
https://app.box.com/s/3ms92f5cv0mylspsi5uo
Choose what you prefer.
3. An example with more elements in the symbol directly on the stage instead of a container. use a container if you want to place the symbols in a specific rectangle div for example.
https://app.box.com/s/y92bpo82kncxnn2w567y -
What does the chain/link button in Logic instruments do?
I'm a new user of Apple MacBook Pro and MainStage v2.2.2 for music ministry work. Found the Logic Software Instruments and some useful documentation about the interface and programming for each, but no mention thus far of the two lines of controls that MainStage adds to the top of each.
First line is blue chain/link button - no rollover help, no F1 help, no right click context menu/help, no nothing. The pulldown items on that line and the stuff on line 2 is fairly obvious. What does that little chain link button do? Every one of the software instruments seems to have the button present.
NotLiableOkay. I tried your experiment. Double click on ES P button in channel strip and up pops the ES P software instrument. Click on link button -- on is blue, I see -- and double click on EXS24 button in another channel strip. EXS24 window pops up, with the link button still blue/on, replacing the ES P window. Turn off link button and open another software instrument and it joins the EXS24 on the screen.
I now know what the button does, and that was my entire reason for posting, but your first sentence now has me curious. You wrote, "The Link function is not obvious in MS, but essential in Logic." It wasn't obvious because it's not documented, that I can find, in MS help, MS User Guide or Logic Pro 9 Instrument documentation. No rollover tip. Zip, squat, nada. When you contrast "obvious" with "essential," do you mean the feature is not relevant in MS? I'm not looking for a Logic tutorial, but I did find the feature mentioned in that product's manual. I just want to know what, if anything, I need to do with this in MS.
Art -
Web links, email links, button links
I have several different links through out my site. I want them to look differently but it keeps inheriting the styles of my button link. How can I make them appear different. For instance, I don't want my email link to have a background behind it when you hoover. I just want it to change colors. What am I doing wrong. Can anyone help?
HTML
<p>According to the American Society of Civil Engineers (ASCE) the nations bridges are getting a little better – last graded as a “C” (2009) in 2013 they are graded as a “C+”. The ASCE not only has the National Report Card on infrastructure available <a href="http://www.infrastructurereportcard.org/" title="ASCE National Report Card" target="new" class="weblink">(see the 2013 report Card here),</a> they have State and Local reports available as well. <a href="http://www.asce.org/Infrastructure/Report-Card/State-and-Local-Report-Cards/" title="ASCE’s State and Local Report Cards." target="new" class="weblink">ASCE’s State and Local Report Cards.</a></p>
<p>Read the entire Case Study by clicking on the RESOURCES tab and selecting Pavemend Case Studies. Send us a photo and a brief report of your Pavemend repair and get a Pavemend Cap by “Mossy Oak.” <strong><a href="mailto:[email protected]" class="emaillink">[email protected]</a></strong>
</p>
CSS
a.weblink:link, a.weblink:visited, a.weblink:active {
/* This will handle all the states of the link other than when it is hovered over */
/* put your style rules in this area */
color: #0033CC; /* or any other color */
text-decoration: underline;
a.weblink:hover {
/* This makes the link Text Hover Color controlable */
color:#999; /* or whatever color you want that is different from the color that you set for the other statuses */
a.emaillink:link, a.emaillink:visited, a.emaillink:active {
/* This will handle all the states of the link other than when it is hovered over */
/* put your style rules in this area */
color: #0033CC; /* or any other color */
text-decoration: underline;
background-color: none;
a.emaillink:hover {
/* This makes the link Text Hover Color controlable */
color: #999; /* or whatever color you want that is different from the color that you set for the other statuses */
background-color: none;
a:link {
color: #FFFFFF;
text-decoration: none;
font-size: 100%;
padding: 5px;
a:visited {
color: #FFFFFF;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
background-color: #03C;
color: #FFF;
height: 120%;
alignment-baseline: text-after-edge;
/* [disabled]font-size: smaller; */
text-align: left;
background-size: 0%;Not sure what I'm doing wrong. Still not getting it right. Now my footer is wrong also:
CSS
@charset "UTF-8";
/* BEGIN HORIZONTAL DROP-MENU */
.clear-fix:before,
.clear-fix:after {
content: " ";
display: table;
.clear-fix:after {
clear: both;
.clear-fix {
*zoom: 1;
.sidebarleft img.MgTp {
margin-top: 185px;
#menu {
clear: none;
position: static;
width: 100%;
padding-top: px;
padding-right: px;
padding-left: px;
padding-bottom: px;
background-image: url(_images/topnavpanel.png);
color: #FFFFFF;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: px;
background-repeat: no-repeat;
float: none;
text-align: center;
#menu ul {
margin: 0;
padding: 0;
text-align: left;
#menu li {
list-style: none;
float: left;
text-align: center;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
color: #000000;
/**top level menu**/
#menu li a {
display: inline-block;
text-decoration: none;
/* adjust width as needed or use auto */
width: 13em;
padding: 8px;
font-weight: bold;
line-height: 12px;
color: #000;
border-top-style: none;
font-size: 90%;
margin-bottom: 0;
margin-left: 2%;
margin-right: 2%;
margin-top: 0;
border-bottom-style: none;
text-align: center;
/**top menu style on mouse over**/
#menu li:hover > a {
color: #FFF;
width: 13em;
text-align: center;
/**sub-menu**/
#menu li ul {
display: none;
text-align: center;
padding: 0;
margin-bottom: 0;
margin-left: 40px;
margin-right: 0;
margin-top: 0;
border-bottom-style: none;
/**sub-menu, help for older IE**/
#menu li:hover ul, #menu li.hover ul {
display: block;
position: absolute;
z-index: 1000;
padding: 0;
text-align: left;
#menu li:hover li, #menu li.hover li {
float: none;
background-color: #E1D5BB;
text-align: left;
/**drop-menu style**/
#menu li:hover li a, nav li.hover li a {
width: 14em; /* adjust width as needed or use auto */
margin-top: 0;
/**drop-menu style on mouse over**/
#menu li li a:hover {
color: #FFF;
background-color: #03C;
position: relative;
text-align: left;
/* Clear floated elements at the end*/
#menu:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
/**END HORIZONTAL DROP-MENUS STYLES**/
#pavemendlogo {
background-image: url(_images/PAVEMEND_LOGO_WHITE.png);
background-repeat: no-repeat;
height: 78px;
width: 196px;
margin-left: 23px;
margin-top: -130px;
/**END HORIZONTAL DROP-MENUS STYLES**/
#pavemendlogoresourcepage {
background-image: url(_images/PAVEMEND_LOGO_WHITE.png);
background-repeat: no-repeat;
height: 78px;
width: 196px;
margin-left: 23px;
margin-top: -160px;
/**END HORIZONTAL DROP-MENUS STYLES**/
#slqlogo {
background-image: url(_images/PMND_SLQ_logo_White.png);
background-repeat: no-repeat;
height: 92px;
width: 225px;
margin-left: 23px;
margin-top: -170px;
margin-bottom: 35px;
#fifteenlogo {
background-image: url(_images/PMND15Whitesingle.png);
background-repeat: no-repeat;
height: 98px;
width: 225px;
margin-left: 23px;
margin-top: -170px;
margin-bottom: 29px;
z-index: 1000;
#trlogo {
background-image: url(_images/PMND_TRlogoWhite.png);
background-repeat: no-repeat;
height: 115px;
width: 225px;
margin-left: 23px;
margin-top: -185px;
margin-bottom: 26px;
z-index: 1000;
#vrlogo {
background-image: url(_images/PMND_VRlogoWhite.png);
background-repeat: no-repeat;
height: 134px;
width: 225px;
margin-left: 23px;
margin-top: -195px;
margin-bottom: 18px;
z-index: 1000;
#dotlinelogo {
background-image: url(_images/Dotline_White-Red.png);
background-repeat: no-repeat;
height: 91px;
width: 225px;
margin-left: 23px;
margin-top: -170px;
margin-bottom: 35px;
#sllogo {
background-image: url(_images/SLwhitelogo.png);
background-repeat: no-repeat;
height: 92px;
width: 225px;
margin-left: 23px;
margin-top: -170px;
margin-bottom: 35px;
#ialogo {
background-image: url(_images/InstantAsphalttopLogo.png);
background-repeat: no-repeat;
height: 102px;
width: 225px;
margin-left: 23px;
margin-top: -170px;
margin-bottom: 25px;
#kemroklogo {
background-image: url(_images/KEMROK_LOGOWhiteType.png);
background-repeat: no-repeat;
height: 52px;
width: 225px;
margin-left: 23px;
margin-top: -150px;
margin-bottom: 53px;
#kemrokvrlogo {
background-image: url(_images/KEMROK_LOGO_VR.png);
background-repeat: no-repeat;
height: 46px;
width: 230px;
margin-left: 23px;
margin-top: -150px;
margin-bottom: 59px;
#fireroklogo {
background-image: url(_images/Firerok_logo_White.png);
background-repeat: no-repeat;
height: 81px;
width: 225px;
margin-left: 23px;
margin-top: -155px;
margin-bottom: 30px;
#awlogo {
background-image: url(_images/PMNDAWlogowhite1.png);
background-repeat: no-repeat;
height: 70px;
width: 225px;
margin-left: 23px;
margin-top: -155px;
margin-bottom: 40px;
#aslogo {
background-image: url(_images/PMNDASlogowhite1.png);
background-repeat: no-repeat;
height: 64px;
width: 225px;
margin-left: 23px;
margin-top: -155px;
margin-bottom: 47px;
#prochoicetype {
background-image: url(_images/pro_choice_concrete_type.png);
background-repeat: no-repeat;
height: 27px;
width: 550px;
margin-left: 220px;
margin-top: -40px;
bottom: px;
margin-bottom: 66px;
#resourcestype {
background-image: url(_images/ResourcesType.png);
background-repeat: no-repeat;
height: 25px;
width: 148px;
margin-left: 220px;
margin-top: -60px;
bottom: px;
margin-bottom: 73px;
#Contacttype {
background-image: url(_images/PurchaseType.png);
background-repeat: no-repeat;
height: 25px;
width: 151px;
margin-left: 220px;
margin-top: -60px;
bottom: px;
margin-bottom: 73px;
#Contesttype {
background-image: url(_images/ContestType.png);
background-repeat: no-repeat;
height: 54px;
width: 478px;
margin-left: 220px;
margin-top: -75px;
bottom: px;
margin-bottom: 59px;
#sustainabilitytype {
background-image: url(_images/SustainabilityType.png);
background-repeat: no-repeat;
height: 25px;
width: 179px;
margin-left: 220px;
margin-top: -60px;
bottom: px;
margin-bottom: 73px;
#techsupporttype {
background-image: url(_images/TechSupportType.png);
background-repeat: no-repeat;
height: 25px;
width: 761px;
margin-left: 220px;
margin-top: -60px;
bottom: px;
margin-bottom: 73px;
body {
background-color: #666;
color: #000;
text-align: center;
background-image: url(_images/roadblurred.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
padding-top: 60px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 1.4;
.formtext {
font-size: 100%;
text-align: left;
.bodyfootnote {
font-size: 70%;
margin-left: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
.red {
font-size: 70%;
color: #F00;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
text-transform: capitalize;
text-decoration: none;
list-style: none;
text-align: left;
h1, h2, h3, h4, h5, h6, p {
/* [disabled]margin-top: 0; */ /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 23px;
line-height: 25px;
h4 {
padding-left: 0px;
color: #F40633;
line-height: 0px;
font-size: 100%;
h5 {
padding-left: 23px;
color: #F40633;
line-height: 0px;
font-size: 120%;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
margin-left: 0px;
position: ;
top: 155px;
-webkit-box-shadow: 0px 0px 0px 0px;
box-shadow: 0px 0px 0px 0px;
left: 9px;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color: #FFFFFF;
text-decoration: none;
font-size: 100%;
padding: 5px;
a:visited {
color: #FFFFFF;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
background-color: #03C;
color: #FFF;
height: 120%;
alignment-baseline: text-after-edge;
/* [disabled]font-size: smaller; */
text-align: left;
background-size: 0%;
a.weblink:link, a.weblink:visited, a.weblink:active {
/* This will handle all the states of the link other than when it is hovered over */
/* put your style rules in this area */
background-color: none;
color: #0033CC; /* or any other color */
text-decoration: underline;
a.weblink:hover {
/* This makes the link Text Hover Color controlable */
background-color: none;
color:#999; /* or whatever color you want that is different from the color that you set for the other statuses */
a.emaillink:link, a.emaillink:visited, a.emaillink:active {
/* This will handle all the states of the link other than when it is hovered over */
/* put your style rules in this area */
background-color: none;
color: #0033CC; /* or any other color */
text-decoration: underline;
a.emaillink:hover {
/* This makes the link Text Hover Color controlable */
background-color: none;
color: #999; /* or whatever color you want that is different from the color that you set for the other statuses */
/* ~~this fixed width container surrounds the other divs~~ */
.container {
width: 960px;
background-color: #FFF; /* the auto value on the sides, coupled with the width, centers the layout */
background-image: url(_images/Bridge4WebScreened.png);
background-repeat: no-repeat;
margin-bottom: 0;
margin-left: 0px;
margin-right: 0px;
margin-top: 0;
text-align: left;
position: static;
.containerTS {
width: 960px;
background-color: #FFF;
margin: 0 0px; /* the auto value on the sides, coupled with the width, centers the layout */
background-image: url(_images/US_Map.png);
background-repeat: no-repeat;
text-align: left;
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
background-color: #000;
background-image: url(_images/BannerBlured960.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
background-size: contain;
.headerSL {
background-color: #000;
background-image: url(_images/PMND_SL_Header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerPurchase {
background-color: #000;
background-image: url(_images/contact_us_pavemend_header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerSLQ {
background-color: #000;
background-image: url(_images/PMND_SLQ_Header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerDOTline {
background-color: #000;
background-image: url(_images/DOTLINEHeader.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.header15 {
background-color: #000;
background-image: url(_images/PMND15Header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerTR {
background-color: #000;
background-image: url(_images/PMND_TRHeader.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerAW {
background-color: #000;
background-image: url(_images/anti_wear_pavemend_header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerAS {
background-color: #000;
background-image: url(_images/anti_scale_pavemend_header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerVR {
background-color: #000;
background-image: url(_images/PMND_VRHeader.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerIA {
background-color: #000;
background-image: url(_images/Instant_asphalt_packaged_Header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerKemrok {
background-color: #000;
background-image: url(_images/KEMROKpackagedHeader.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerKemrokVR {
background-color: #000;
background-image: url(_images/KEMROK_VRpackagedHeader.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerFirerok {
background-color: #000;
background-image: url(_images/FIREROKpackagedHeader.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerAntiWear {
background-color: #000;
background-image: url(_images/anti_wear_pavemend_header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerTechSupport {
background-color: #000;
background-image: url(_images/FEBlurred.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerResources {
background-color: #000;
background-image: url(_images/ResourceBanner.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerContact {
background-color: #000;
background-image: url(_images/contact_us_pavemend_header.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.headerSustainability {
background-color: #000;
background-image: url(_images/Sustainability_topheader.png);
height: 229px;
background-repeat: no-repeat;
width: 960px;
.header h1 {
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 20pt;
font-style: normal;
font-weight: bolder;
color: #FFF;
padding-top: 150px;
padding-left: 30px;
/* ~~ These are the columns for the layout. ~~
1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
.sidebar1 {
float: right;
width: 180px;
margin-left: 0px;
margin-right: 30px;
clear: none;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 100%;
font-style: italic;
background-image: url(_images/Testimonialb.gif);
background-repeat: no-repeat;
height: 456px;
text-decoration: none;
z-index: 1000;
.sidebarPurchase {
float: right;
width: 210px;
margin-left: 0px;
margin-right: 0px;
clear: none;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 100%;
font-style: italic;
background-image: url(_images/purchaseSB.png);
background-repeat: no-repeat;
height: 460px;
margin-top: 0px;
text-decoration: none;
background-color: #217CC0;
background-position: 10px 10px;
.sidebarPurchasePhoto {
width: 190px;
margin-left: 10px;
margin-right: 20px;
clear: none;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 100%;
font-style: italic;
background-image: url(_images/purchaseSB.png);
background-repeat: no-repeat;
height: 127px;
margin-top: 320px;
text-decoration: none;
/* [disabled]background-color: #217CC0; */
background-position: 10px 10px;
text-align: center;
.ipadsidebar {
float: right;
width: 200px;
margin-left: 0px;
margin-right: -20px;
clear: none;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 100%;
font-style: italic;
background-image: url(_images/iPadSidebar.png);
background-repeat: no-repeat;
height: 460px;
margin-top: 0px;
text-decoration: none;
background-position: 0px 0px;
text-align: right;
.sidebarleft {
float: left;
width: 200px;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 85%;
font-style: oblique;
height: 180px;
text-decoration: none;
padding-top: 8px;
padding-left: 10px;
margin-right: 5px;
margin-bottom: px;
background-color: #217CC0;
vertical-align: bottom;
line-height: 120%;
font-weight: bold;
border-bottom-style: groove;
border-bottom-width: 10px;
margin-top: 0px;
text-align: left;
.sidebarleftnonav {
float: left;
width: 200px;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 85%;
font-style: oblique;
height: 180px;
text-decoration: none;
padding-top: 8px;
padding-left: 10px;
margin-right: 5px;
margin-bottom: px;
/* [disabled]background-color: #217CC0; */
vertical-align: bottom;
line-height: 120%;
font-weight: bold;
border-bottom-style: none;
border-bottom-width: 10px;
margin-top: 0px;
text-align: left;
.sidebarleftresources {
float: left;
width: 200px;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 83%;
font-style: oblique;
height: 490px;
text-decoration: none;
padding-top: 8px;
padding-left: px;
margin-right: 5px;
margin-bottom: px;
background-color: #217CC0;
vertical-align: bottom;
line-height: 120%;
font-weight: bold;
border-bottom-style: groove;
border-bottom-width: 10px;
margin-top: 0px;
text-align: left;
.sidebargreen {
float: left;
width: 195px;
height: 410px;
text-decoration: none;
padding-top: 20px;
margin-right: 5px;
background-color: #8CC63F;
border-bottom-style: groove;
border-bottom-width: 10px;
margin-top: -4px;
padding-left: 10px;
.nav2 {
font-family: bebas-neue;
font-style: normal;
font-weight: 400;
color: #FFF;
text-align: left;
.content {
width: 730px;
float: left;
background-image: none;
background-repeat: no-repeat;
background-position: left;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
padding: 10px 0;
text-align: left;
font-size: 100%;
margin-left: px;
.contactform {
width: 680px;
background-image: none;
background-repeat: no-repeat;
background-position: left;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
padding: 10px 0;
text-align: left;
font-size: 90%;
margin-left: 23px;
z-index: 1000;
.contestcontactform {
width: 680px;
background-image: none;
background-repeat: no-repeat;
background-position: left;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
padding-top: 0px;
padding-right: 0;
padding-left: 0;
padding-bottom: 10px;
text-align: left;
font-size: 90%;
margin-left: 23px;
z-index: 1000;
margin-top: 100px;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
padding: 0 15px 15px 40px;
text-decoration: none;
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
list-style: none; /* this removes the list marker */
border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
margin-bottom: 15px; /* this creates the space between the navigation on the content below */
text-decoration: none;
ul.nav li {
border-bottom: 1px solid #666;
text-align: left;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 5px 5px 5px 15px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
width: 160px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
text-decoration: none;
background-color: #C6D580;
text-align: left;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
background-color: #DFEBF3;
color: #FFF;
text-decoration: none;
text-align: left;
/* ~~ The footer ~~ */
.footer {
padding: 10px 0;
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both;
background-color: #000000;
height: 150px;
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-left: 760px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
margin-left: 23px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
.productlogos {
margin-left: 23px;
margin-top: 20px;
float: none;
.Bold {
font-weight: bold;
.left {
text-align: left;
.inherent {
font-style: inherit;
sup {
position: relative;
top: -1ex;
vertical-align:baseline;
font-size: 75%;
.footer p {
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 80%;
color: #FFF;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 30px;
#wrapper {
width:970px; /**adjust as needed**/
margin:0 auto; /**centers page on screen**/
.fltrtpostcard { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-left: 720px;
top: 0px;
margin-top: -200px;
margin-bottom: 20px;
margin-right: 0px;
height: auto;
.flt_rgt {
float: right;
margin-top: 15px;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
.flt_pftrgt {
float: right;
margin-top: -50px;
margin-right: 0px;
background-image: ;
background-repeat: no-repeat;
.flt_rgtbtmlogo {
float: right;
margin-top: 20px;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
.flt_rgt2 {
float: right;
margin-top: px;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
top: -50px;
right: -20px;
padding-top: 0px;
padding-right: 50px;
.title {
/* [disabled]margin-right: 30px; */
margin-top: 0px;
margin-left: 23px;
background-image: ;
background-repeat: no-repeat;
/* [disabled]margin-left: 20px; */
top: 30px;
/* [disabled]margin-top: 30px; */
left: 30px;
.flt_products {
float: right;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 500px;
margin-top: -70px;
.flt_productsb {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 500px;
margin-top: -80px;
visibility: inherit;
.flt_productslq {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 350px;
margin-top: -125px;
.flt_producttr {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 375px;
margin-top: -125px;
.flt_productvr {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 475px;
margin-top: -105px;
.flt_productia {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 420px;
margin-top: -125px;
.flt_productkemrok {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 485px;
margin-top: -180px;
.flt_productkemrokvr {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 590px;
margin-top: -170px;
.flt_productfirerok {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 485px;
margin-top: -170px;
.flt_productaw {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 430px;
margin-top: -170px;
.flt_product15 {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 280px;
margin-top: -125px;
.flt_productdotline {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 280px;
margin-top: -155px;
.flt_productsl {
float: left;
margin-right: 30px;
background-image: ;
background-repeat: no-repeat;
margin-left: 370px;
margin-top: -170px;
.container section nav {
background-image: url(_images/topnavpanel.png);
background-repeat: no-repeat;
height: 30px;
width: 960px;
padding-top: 3px;
nav ul {
list-style: none; /* this creates the space between the navigation on the content below */
font-size: 90%;
border-top-width: 0px;
border-top-style: solid;
/* [disabled]border-top-color: #666; */
position: absolute;
line-height: 120%;
text-align: left;
nav ul li {
text-decoration: none;
color: #FFF;
nav ul a:link , nav ul a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 5px 5px 5px 15px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
width: 160px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
text-decoration: none;
text-align: left;
color: #FFF;
nav ul a:hover, nav ul a:active, nav ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
color: #FFF;
text-decoration: none;
nav ul a:hover, nav ul a:active, nav ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
color: #FFF;
text-decoration: none;
height: 120%;
width: auto;
margin-left:;
.orange {
color: #FAA634;
.white {
color: #FFFFFF;
.red {
color: #F00;
.red1 {
color: #F00;
.toppanel {
background-image: url(_images/topnavpanel.png);
background-repeat: no-repeat;
height: 30px;
width: 960px;
.white {
.CeraTechLogo {
background-image: url(_images/CTI_logo_white.png);
background-repeat: no-repeat;
width: 200px;
height: 60px;
#resources {
background-image: url(_images/ResourcesType.png);
background-repeat: no-repeat;
height: 25px;
width: 521px;
margin-left: 200px;
margin-top: -40px;
.pavemendlogo {
margin-left: 23px;
margin-top: -130px;
/* [disabled]margin-top: -40px; */
.footer_img {
margin-top: -20px;
margin-left: -10px;
.footer_img2 {
margin-top: -40px;
text-align: right;
float: left;
margin-right: 35px;
margin-left: 200px;
footer aside {
width: 25%;
float: left;
text-align: left;
min-height: 50px;
margin-left: 23px;
line-height: 120%;
font-size: 80%;
margin-top: 20px;
.aside2 {
float: none;
margin-left: 100px;
width: 29%;
margin-top: 35px;
.aside3 {
float: none;
margin-left: 400px;
width: 29%;
line-height: 120%;
margin-top: -43px;
.sidebarleft img {
margin-left: -10px;
.sidebarleft icon {
margin-top: 0px;
margin-left: -10px;
.sidebarleft nav ul li a img {
margin-top: 0px;
.content section p a {
color: #000000;
font-size: 100%;
/**sub-menu, help for older IE**/
.content section p a:hover ul {
display: block;
position: ;
z-index:1000;
padding: 0;
.content section p a:hover li, .content section p a li.hover li {
float: none;
background-color: #E1D5BB;
/**drop-menu style**/
.content section p a:hover li a, nav li.hover li a {
width: 14em; /* adjust width as needed or use auto */
margin-top: 0;
/**drop-menu style on mouse over**/
.content section p a:hover {
position: relative;
background-color: none;
background-image: ;
background-image: ;
height: 120%;
width: 120%;
overflow-y: hidden;
overflow-x: hidden;
visibility: visible;
font-weight: bold;
color: rgba(255,255,255,1.00);
/* Clear floated elements at the end*/
.content section p a:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
#firstname {
width: 330px;
margin-top: 0px;
#lastname {
width:330px;
#streetaddress {
width:684px;
#city {
width:330px;
#zip {
width:260px;
#company {
width:684px;
#phone {
width:330px;
#email {
width:330px;
#outsidetheus {
width:330px;
HTML
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<!-- TemplateBeginEditable name="doctitle" -->
<title>Permanent Concrete and Asphalt Repair Home Page</title>
<meta name="description" content="CeraTech's Pavemend family of high performance concrete repair products have become the choice of professionals across the country for their rapid return to service, versatility, ease of use, and superior durability.">
<!-- TemplateEndEditable -->
<link href="../pavmend_styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
a:link {color:blue}
a:visited {color:black}
a:hover,
a:active,
a:focus {background:blue; color:white}
.weblink a:link {color:blue}
.weblink a:visited {color:yellow}
.weblink a:hover,
.weblink a:active,
.weblink a:focus {background:none; color:red}
.email a:link {color:green}
.email a:visited {color:silver}
.email a:hover,
.email a:active,
.email a:focus {background:none; color:navy}
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<div id="wrapper">
<div class="container">
<!-- TemplateBeginEditable name="Header" -->
<div class="header"></div>
<div id="pavemendlogo"></div>
<div id="prochoicetype"></div>
<!-- TemplateEndEditable --><!-- TemplateBeginEditable name="TopPanel" -->
<nav>
<ul id="menu">
<li><a href="../pavemend_home_page.html">OUR PRODUCTS ▼</a>
<ul>
<li><a href="../slq_product_page.html">SLQ<sup>®</sup> - Very Rapid Repair Mortar</a></li>
<li><a href="../sl_product_page.html">SL<sup>®</sup> - Semi-Leveling Rapid Repair Concrete</a></li>
<li><a href="../dotline_product_page.html">DOTLine™ - Pre-Extended Rapid Repair Concrete</a></li>
<li><a href="../15.0_product_page.html">Pavemend 15.0<sup>®</sup> - Self Leveling Rapid Repair Mortar</a></li>
<li><a href="../TR_product_page.html">Pavemend TR<sup>®</sup> - Semi-Leveling Rapid Repair Mortar</a></li>
<li><a href="../VR_product_page.html">Pavemend VR<sup>®</sup> - Vertical & Overhead Rapid Repair Mortar</a></li>
<li><a href="../IA_product_page.html">Instant Asphalt™ - Permanent Asphalt Repair Material</a></li>
<li><a href="../kemrok_product_page.html">KEMROK™ - Chemical Resistant Repair Concrete</a></li>
<li><a href="../kemrokVR_product_page.html">KEMROK VR™ - Vertical & Overhead Chemical Resistant Repair Mortar</a></li>
<li><a href="../firerok_product_page.html">FIREROK™ - High Temperature Repair Concrete</a></li>
<li><a href="../antiwear_product_page.html">Anti-Wear™ - Reactive, Concrete Surface Hardener</a></li>
<li><a href="../antiscale_product_page.html">Anti-Scale™ - Reactive, Concrete Surface Hardener</a></li>
</ul>
</li>
<li><a href="../resources_page.html">RESOURCES</a></li>
<li><a href="../technical_support.html">TECHNICAL SUPPORT</a></li>
<li><a href="../contact_page.html">CONTACT US</a></li>
</ul>
</nav>
<!-- TemplateEndEditable -->
</section>
<!-- TemplateBeginEditable name="Sidebar" -->
<div class="sidebar1">
<!-- end .sidebar1 -->
</div>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="Content" -->
<div class="content">
<p>
<section>
<p> </p>
<img src="../_images/homeheader.png" alt="" width="650" height="31" class="fltlft"/>
</section>
</p>
<p> </p>
</section>
<p> </p>
<section><p><strong>Pavemend</strong><sup>®</sup> concrete and asphalt repair products are quickly becoming the preferred repair materials for Turnpike, State DOT bridge crews and discriminating engineers who recognize the value of durable, permanent concrete and asphalt repairs. Contractors and maintenance personnel save time, reduce repair costs, and minimize exposure to traffic and traffic disruptions.</p>
<h3>Concrete & Asphalt repair applications include:</h3>
<table width="700" align="left" >
<tr>
<td valign="top" nowrap style="padding-left: 15px;">Full & Partial Depth Bridge Deck Repairs </td>
<td valign="top" nowrap style="padding-left: 15px;">Dowel Bar Retrofits</td>
<td valign="top" nowrap style="padding-left: 15px;">Industrial Concrete Repair</td>
</tr>
<tr>
<td valign="top" nowrap style="padding-left: 15px;">Bridge Header Joints</td>
<td valign="top" nowrap style="padding-left: 15px;">Cold Weather Repairs</td>
<td valign="top" nowrap style="padding-left: 15px;">Concrete Exposed to High Heat </td>
</tr>
<tr>
<td valign="top" nowrap style="padding-left: 15px;">Bridge Approach Slabs</td>
<td valign="top" nowrap style="padding-left: 15px;">Runway Repairs</td>
<td valign="top" nowrap style="padding-left: 15px;">Concrete Exposed to Chemicals</td>
</tr>
<tr>
<td valign="top" nowrap style="padding-left: 15px;">Form & Pour Repairs</td>
<td valign="top" nowrap style="padding-left: 15px;">Utility Trenches</td>
<td valign="top" nowrap style="padding-left: 15px;">Concrete Exposed to Wastewater</td>
</tr>
<tr>
<td valign="top" nowrap style="padding-left: 15px;">Joint Nosings</td>
<td valign="top" nowrap style="padding-left: 15px;">Post Grooving Treatments</td>
<td valign="top" nowrap style="padding-left: 15px; padding-bottom: 30px;">Manhole Rehabilitation</td>
</tr>
</table>
<h3>Sustainable Concrete and Asphalt Repair Technology</h3>
<p>Featuring technology developed in the USA, Pavemend products require only the addition of water, no bonding agents or curing compounds. Pavemend concrete and asphalt products are easier to use, offer greater durability provide, superior return on investment, and are by the far the most sustainable repair products available today.</p>
</section>
<p> </p>
<!-- end .content --></div>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="Footer Logo" -->
<footer>
<img src="../_images/productfamily.png" alt="" width="250" height="80" class="flt_products"/>
<div class="footer"><img src="../_images/Done_Smart_White_Logo.png" alt="done_smart_white" width="150" height="17" class="flt_rgt" />
<aside><strong><em style="color: #FFF; font-size: 90%;">Manufactured by</em></strong><br><br>
<img src="../_images/CTI_logo_white.png" alt="" width="200" height="47" class="footer_img"/></aside>
<aside class="aside2"><a href="#../twitter.com/Pavemend"><strong><em>Twitter</em></strong> <img src="../_images/twitter-bird-dark-bgs.png" width="20" height="17" alt=""/></a></aside>
<aside class="aside3"><strong><em style="color: #FFF"><a href="../sustainability_page.html">Planet Friendly Technology</a></em></strong><br>
<a href="../sustainability_page.html"><img src="../_images/PFTLogo.png" alt="Planet Friendly Technology" width="75" height="73" class="footer_img2" title="Planet Friendly Technology"/></a></aside>
</footer>
<!-- end .footer --></div>
<!-- end .container --></div>
<!-- TemplateEndEditable -->
</body>
</html>
I feel like I'm making a mess of it. -
Syncing Button Rollover States
I'm building a website for myself (currently with the Muse trial, but I am planning to buy), and I have a question regarding button rollover states. The site I'm building is an architectural photography website, and the general portfolio page has a list of subcategories in the left-side menu bar. However, I also want to have thumbnail links to each of the subcategories in the main body of the website (see image provided). The thumbnails are for the Educational and Municipal subcategories. I have currently set up the rollover states for all the links in the left-side menu (to turn to the light blue that is seen on the active state of the Portfolio button), and I've set the rollover states for the thumbnails (to go to 50% opacity). Is there a way for me to synchronize these rollover states? I would like to see a thumbnail respond in its rollover state if I roll over its corresponding button in the left-side menu, and vice versa.
Thanks!
RobHi,
To accomplish that you can use the composition tool tip. A transparent triger can be placed where your menu item is and the target will be on the image with an opacity of the 50%.
However, this will only work in one direction and will not change the menu item when you roll over to the image.
Regards, -
hi
Can anyone tell me why the click action is not working when
the link button is placed in datagrid.
<mx:DataGridColumn dataField="edit" headerText="">
<mx:itemRenderer>
<mx:Component>
<mx:LinkButton label="edit" click = "click1();">
</mx:LinkButton>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
even if button is placed in the datagrid it is not working.When you use the <mx:Component> tag you create a new
scope. Its as if all of the content of the <mx:Component>
were in another file. If you used a separate file for your renderer
you wouldn't expect click() function to be recognized, right?
You can modify your renderer like this to make it work:
<mx:LinkButton label="edit" click =
"outerDocument.click1();">
Another option is to take advantage of the bubbling feature
of the click event. Instead of putting the click handler on the
LinkButton, put it on the DataGrid itself. Any click on the
DataGrid will then trigger the event handler.
The drawback to that is that EVERY click will call the event
handler - either the LinkButton's click on a click on the header.
Your event handler just has to examine the event data to determine
what control originated the event.
In this case, using outerDocument.click() is far easier, but
you might need the bubbling property of the event at some point in
the future. -
How do I remove download links/button redirect to accurate download
When I go to some sites that have a download link underscored in blue or a button next to text or any other part of the page, I was able to click and download the file. When you point at the link or button you would see the path it will take to download the file. It would have the website name your visiting plus other codes.
But on returning to these sites, when I choose what I want to download, the link or button wants to go to accuratedownload.com. It presents the name of the item I want and with a .EXE extension. My main browser is Firefox version 26.0 on my XP PC. I test Internet Explorer and it produces the same results. Something has changed. I go to the site on my mobile phone, I am able to download the file from the same site and the links/buttons are not embedded with codes to go to accuratedownload.com. I do not know what to call this problem since I had no luck in finding solutions to redirection being embedded in a link or button on a web page that worked fine.
I've tried a reset Firefox, my profile, running Symantec Anti-Virus, Malwarebytes Anit-Malware, Clearing history and so on. The problem still occurs. Need Help.
Note: It would be nice if when the Download Screen pops-up, that we could rename the download file to a name we want (Saves time). Even if you rename the file, the history should record where it came from with the original name if it needs to be downloaded again.To let you know, When I did a reset and restarted Fire Fox without the Add on's. I tested each user account on my PC. Each user account that used Fire Fox or Windows Explorer showed the same symtoms.
Back to troubleshooting, I've completed a scan using Sothos Free Virus Removal Tool. After a lengthy scan of every drive, partition, USB Thumb Drive and so on that it found, in about 5.5 hours it found Mal/FakeAvCn-C, Mal/JavDlEx-A and CXmal/BadLnk-A and continued by clicking the Clean Up button and that took about 15 minutes for some reason. Then it asked to send the log to Sophos. I clicked send and it failed to get to them.
I tried going on the internet to test the cleanup by clicking on some links and buttons. I could not get on the internet. I found that the NIC card was not working. Don't know why now but probably was affected by the scan. I found myself troubleshooting and reinstalling NIC drivers several times before the NIC card started to run correctly.
I read you post and tried to change the proxy settings in Fire Fox to "No Proxy." The scan, clean up and proxy settings change did not remove the embedded paths in links or buttons that allow you to download or be sent to the intended location. It still had paths to accuratedownload.com and eachdownload.com.
Question: By default is the proxy setting suppose to be "Use system proxy settings"? Should I put this back to this setting.
Windows Explorer has the same problem. Is Fire Fox a stand alone product or does it build parts of itself using Windows Explorer?
=========
Besides the scans and removal done to the registry, the scans it did on the files and folders, the Sophos log shows the virus attached to files in Documents and Folders, All Users (and other user accounts), Application and data folders, Java and Cache, including any shortcuts and long cryptic files like (pg42l784fcuo452hsb6cfbkoke045p75f2e02887m).
When programs fail to delete or cleanup after themselves, what locations can be safely deleted manually? -
Add linked button to a editText field
Hello everybody,
i'm trying to add a linked button to a text field in the header of a JournalEntry. So far i've been able to add it on one of the columns of a document matrix.
Can anybody help me, please?
Ciao
MarcoYou need to create a new link button object, set the "linkto" property to point to the UID of the edittext containing the data, and set linkedobject to point to the target object (eg. business partners, items ...)
Set sboItem = sboItems.Add("LINK", it_LINKED_BUTTON)
sboItem.LinkTo = "10" 'UID of separate edittext containing the data.
Set sboLink = sboItem.Specific
sboLink.LinkedObject = lf_BusinessPartner
John. -
Hide Link Button Image used in Crystal Report 2008 while printing
Hello Experts,
I am using Link Button of SAP B1 in Crystal Report 2008 which works perfectly. But when i am trying to export it, i am also getting the image of Link Button.
Is there a way to hide the image while printing?
Thanks
Shivhi Piyush,
there are some changes in the cr viewer between 3.1 to 4.x. can you please upgrade the reports that are not working to webelements 2.47 which was built for 4.0.
let us know how this works.
-jamie -
Linking button to PDF file with published Windows Executable
Hello all,
I've been using Captivate 1 for years. I have always linked
buttons to PDF files. The only thing I really ever had to remember
was to take away the local directory address so where as only the
filename was left. When I burned to CD I would just leave
everything top-level.
Well, for some reason now Captivate won't launch my pdf file
(and yes I put the ".pdf"). It launches my web browser looking for
a web address. Here's what I do. I create a new text or image
button, next I select "open url or file". Finally I select the file
through the browse window. I immediately take off the local
directory before the filename because everything is located
top-level on the CD's I produce.
Please help, anyone. BTW I am experiencing the same thing on
Captivate 2. I'm afraid I'm doing something silly wrong since it's
been awhile. Thanks in advance .Hi Charles,
Does by any chance you have upgraded your Flash Player
recently? Flash Player 8 and above have restriction on not
accessing the local files directly?
thanks -
Link button does not link to the right record.
Hi,
I have created a matrix, and I have made one of the column type as link button. The matrix is loaded with Sales Quotation record, and the DocNo column is a link button. For example, when i pressed the link button of record with DocNo = 10, but the Sales Quotation form pop out is record with DocNo = 8, anyone encountered this problem??? anyone have any solutions on this???
I have tried this with other marketing document object, such as Sales Order and Invoice, the same problem occured... huh, one more thing, if i did not set the document numbering series, the code is working fine, once i set the document numbering series, then this problem will happen ... hope to hear from you guys ...thanks in advanced!!!Hi,
I suppose the reason of this behavior is that the link button relates using the DocEntry value, and not the DocNum fields value.
What we usually do is to have 2 columns, on the first the DocEntry, and in the second one the DocNum. Then we set the DocEntry Column´s width to 20, and then only the orange arrow is shown.
This way, you get the behavior and appearance you need.
Hope that helps.
Ibai Peñ -
Link button not working in matrix
Hai To All,
I created one form with only one matrix. On that i have 5 columns. In first column i have linkbutton link to user defined screen. What its not working.
My code is here
If pVal.ItemUID = "matrix" And pVal.ColUID = "Docno" Then
Dim oMatrix As SAPbouiCOM.Matrix
Dim doc As String
oMatrix = Frm.Items.Item(pVal.ItemUID).Specific
doc = Trim(oMatrix.Columns.Item("Docno").Cells.Item(pVal.Row).Specific.Value)
Dim oForm As SAPbouiCOM.Form
Dim blnBool As Boolean = False
For frm As Integer = 0 To app.Forms.Count - 1
Try
If app.Forms.Item(frm).UniqueID = "PI" Then
oForm = app.Forms.Item("PI")
oForm.Close()
Exit For
End If
Catch ex As Exception
app.StatusBar.SetText(ex.Message)
End Try
Next
If blnBool = False Then
app.ActivateMenuItem("PI")
oForm = app.Forms.Item("PI")
oForm.Select()
oForm.Freeze(True)
oForm.Mode = SAPbouiCOM.BoFormMode.fm_FIND_MODE
oForm.Items.Item("txt_ino").Specific.Value = Trim(doc)
oForm.Items.Item("1").Click()
oForm.Freeze(False)
End If
End If
Regards,
AnithaPetr,
Actually this form is same as we discuss sterday that is the form should open automatically without any click. Now my problem is while form opening iam loading some data using query this also working fine. Here iam using linkbutton in matrix. If i click link button i want to open other form which is also created by me. My code is rite but y i dont knw the link button is not working.
here is the code written in itemevent
Case SAPbouiCOM.BoEventTypes.et_MATRIX_LINK_PRESSED And pVal.BeforeAction = False
If pVal.ItemUID = "matrix" And pVal.ColUID = "Docno" Then
Dim oMatrix As SAPbouiCOM.Matrix
Dim doc As String
oMatrix = Frm.Items.Item(pVal.ItemUID).Specific
doc = Trim(oMatrix.Columns.Item("Docno").Cells.Item(pVal.Row).Specific.Value)
Dim oForm As SAPbouiCOM.Form
Dim blnBool As Boolean = False
For frm As Integer = 0 To app.Forms.Count - 1
Try
If app.Forms.Item(frm).UniqueID = "PI" Then
oForm = app.Forms.Item("PI")
oForm.Close()
Exit For
End If
Catch ex As Exception
app.StatusBar.SetText(ex.Message)
End Try
Next
If blnBool = False Then
app.ActivateMenuItem("PI")
oForm = app.Forms.Item("PI")
oForm.Select()
oForm.Freeze(True)
oForm.Mode = SAPbouiCOM.BoFormMode.fm_FIND_MODE
oForm.Items.Item("txt_ino").Specific.Value = Trim(doc)
oForm.Items.Item("1").Click()
oForm.Freeze(False)
End If
End If
Regards,
Anitha
Maybe you are looking for
-
I purged cache in bridge, and photoshop. NO photos will open when I double clik, or will not open again in ACR alone. When I double clik on raw file I get Sign In required Notice--We will now register your TRIAL to your Adobe ID-------I am alread a
-
How to get start and end time of an ESB instance in SOA 10.1.3.4
Hi All, I am using soa 10.1.3.4 and want to track the esb instance start and end time. (For example, in case of bpel we can query the cube instance table to get creation and modify time of an instance. ) How to get that in esb? Thank you. Regards, Sa
-
I'm installing this version on a new computer and keep getting error message - server busy. Adobe says I have to download from internet and it won't download - am I missing something??
-
I have a html file in which I have a scrolling table with a fixed header. I achieve this by CSS and adding the attribute "position:relative" for the table header. I open it in IE6 and I have my functionality with the table body scrolling and the head
-
My agent whisper plays fine but my greeting will not work. Any help would be great. Thanks>>..