Knowledge Base support case for Likno Web Button Maker, abstracted and stripped of all user’s private info.


Initial Email From:
John
Initial Email Subject: Web Buttons
Support Case Month: September 2012

Hi,

I am, working on a sharepoint site.

seems that it wont allow any graphics, png, jpeg or otherwise.

however, the code works on the page without the graphic, I simple show a square area where the graphic should be.

I would prefer to have a simple scripted button in html, simple block, color, rollover color, I don't want it to be a graphic, it wont work...

just need a simple button, that I can navigate to another page, css simple button.

I paid for your software in hopes that it might work,  however It does not,I just need a simple css button... is this possible? can you show or send me a script? I am under a deadline and I have to have this solves asap.... now.. please help, thanks

Reply From: Likno Customer Support

Hello,

I am afraid that Button Maker does not produce plain CSS buttons. If you want we can probably send you some custom code for this, but I believe we should first see why the images don’t work!

Normally you should not have a problem with images, so maybe something went wrong. Can you please send me the URL of a page where the image buttons don’t work so that I can have a look?

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: John

Hi Kostas,

Thanks for getting back to me.

The problem is I am working with SharePoint Server/Designer building custom pages.

The customer/vendor I am working for has every security feature locked down in sharepoint server. So no custom code, no graphics on buttons, or activex.

The only thing I can do is create CSS Buttons with typical background colors, fonts, shapes.  Also,  it would be great if the code generated could be of inline style (Self Contained)  for each button… (I hope this makes sense?)

I really like the program,  very well done,  just in this case with everything locked down when I go to attempt to use these buttons and save with sharepoint designer.(Have to use this.. no other choice)  it strips out the button image, and function,   leaves me with an empty clear box with a working link.

Hope this is helpful,  if you could send some custom code, or update, ideas?,   I would be grateful.

Thanks

John

Reply From: Likno Customer Support

Dear John,

If you are forced to work in such a restricted environment, then indeed there is no way for us to work around it.

In this case you’ll need to create a CSS design yourself, with plain colors and maybe rounded borders.

An example of such buttons would be:

<style>
    .myButtons {
               
border: #000066 2px solid;
       
        border-radius: 10px;
               
background-color: #BBBBFF;
       
        color: #000066;
               
padding: 2px 5px;
       
        text-decoration: none;
          
    }

    .myButtons:hover {
                    
border-color: #0000DD;
             
        background-color: #CCCCFF;
                
    }
</style>

<a href="mypage.html" class="myButtons">Home</a>
<a href="mypage.html" class="myButtons">Products</a>
<a href="mypage.html" class="myButtons">Support</a>

Of course you will have to change the colors etc.

For more detailed help on how to use CSS styling, please have a look here:

http://www.w3schools.com/css3/css3_borders.asp

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: John

Hey Kostas,

I think this might work.

I am having a problem in trying to figure out how to write css code that would apply to strictly each button and or each page.( as I remember inline styles cant have any button hover functions).

The problem I am having in writing this CSS code is when placed in my page the buttons grow/shrink width wise depending on the length of the text so my buttons are never the same widths.  They absolutely have to all be the same widths and I can’t figure out how to make this happen.

Hopefully your solution will work for me.

Thanks very much

John

Reply From: Likno Customer Support

Dear John,

I believe you need to refresh your CSS with a bit of reading through the site I sent you. Smile

In order to force a specific width, just add the following line in your “myButtons” CSS rule:

width: 100px;

Also, as you said, inline styles cannot account for hover functions. This is why you should use “CSS classes” instead as per my example. Note that you can have multiple classes for differently styled buttons, and you only need to add:

class="myclassname"

to each of your DIVs to turn them into a button.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

 

Tags: , , , , , , , , , , , , , , , , , , ,