Can we customize pop-up for Tabletools' buttons?

Can we customize pop-up for Tabletools' buttons?

ttbackttback Posts: 19Questions: 0Answers: 0
edited July 2012 in General
I'm happy with the Copy and Save buttons but I need to customize the pop-up to be consistent with the rest of my screens. Is there any parameter for us to reference a div element for the pop-up?

Replies

  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin
    Which popup? The tooltip or something else? If the tooltip then its just the default that is provided by the browser using the title attribute for an element.

    Allan
  • ttbackttback Posts: 19Questions: 0Answers: 0
    i think it's the info popup, saying like rows are copied etc.
  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin
    Ah I see - in that case it's all styled in CSS. Have a look in TableTools.css and you will see this:

    [code]

    .DTTT_print_info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 150px;
    margin-left: -200px;
    margin-top: -75px;
    text-align: center;
    color: #333;
    padding: 10px 30px;

    background: #ffffff; /* Old browsers */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */

    opacity: 0.95;

    border: 1px solid black;
    border: 1px solid rgba(0, 0, 0, 0.5);

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    }

    .DTTT_print_info h6 {
    font-weight: normal;
    font-size: 28px;
    line-height: 28px;
    margin: 1em;
    }

    .DTTT_print_info p {
    font-size: 14px;
    line-height: 20px;
    }
    [/code]

    Customise as you wish :-)

    Allan
This discussion has been closed.