Jump to content
  • 0

PDF download CSS


Corpcat

Question

9 answers to this question

Recommended Posts

  • 0
On 11/2/2018 at 5:01 AM, directrix said:

You can change that by editing the Style that you are using for your Document_Entry report DataPage, under Results Page > Page Actions > Toolbar Image Actions, then check Downloads.

You can have a custom image for the download icon just paste the url of it.

image.thumb.png.1da92fc3a1a899ba5d204c17c49086c1.png

I tried this but there seems to be another Css tag somewhere that adds the orange download image, any ideas what it might be called?

 

.cbResultSetActionsContainer
{
    /*Results Page Actions Container Attributes*/
    /* Forced to match results table */
    padding: 2px;
    margin: 0px;
    border-collapse: separate;
}
.cbResultSetActionsContainerCellspacing
{
    border-spacing:0px;
}
.cbResultSetSearchAgainContainer
{
    /*Results Page Search Again Container Attributes*/
    text-align: right;
    vertical-align: middle;
    padding: 0px 5px;
    white-space: nowrap;
    margin: 0px ;
    border: none ;
}
.cbResultSetDownloadMessage
{
    /*Results Page Download Message Div Attributes*/
    text-align: right;
    vertical-align: middle;
    padding: 0px;
    width: auto;
    white-space: nowrap;
    margin: 0px ;
    border: none ;
}
.cbResultSetBulkDeleteActionContainer
{
    /*Results Page Bulk Delete Container Attributes*/
    text-align: right;
    vertical-align: middle;
    padding: 0px 3px 0px 3px;
    white-space: nowrap;
    margin: 0px;
    border: none;
    width: auto;
}
.cbResultSetBulkEditActionContainer
{
    /*Results Page Bulk Edit Action Container Attributes*/
    text-align: right;
    vertical-align: middle;
    padding: 0px 0px 0px 5px;
    white-space: nowrap;
    margin: 0px;
    border: none;
    width: auto;
}
.cbResultSetGridEditActionContainer
{
    /*Results Page Grid Edit Action Container Attributes*/
    text-align: right;
    vertical-align: middle;
    padding: 0px 3px 0px 3px;
    white-space: nowrap;
    margin: 0px;
    border: none;
    width: auto;
}
.cbResultSetBackToPivotActionContainer
{
    /*Results Page Search Again Container Attributes*/
    text-align: right;
    vertical-align: middle;
    padding: 0px 5px;
    white-space: nowrap;
    margin: 0px ;
    border: none ;
}
.cbResultSetListGallerySelectAllActionContainer
{
    /*Results Page Select All CheckBox (List, Gallery) Container Attributes*/
    text-align: right;
    vertical-align: middle;
    padding: 0px 3px 0px 3px;
    white-space: nowrap;
    margin: 0px;
    border: none;
    width: auto;
}
.cbResultSetSearchAgainLink
{
    /*Results Page Search Again Link Attributes*/
    color: #FF6600;
    font-family: Verdana ;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.cbResultSetDownloadLink
{
    /*Results Page Download Message Link Attributes*/
    color: #FF6600;
    font-family: Verdana ;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.cbResultSetBulkDeleteActionLink
{
    /*Results Page Delete Link Attributes*/
    color: #26639d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 300;
    text-decoration: none;
}
.cbResultSetBulkEditActionLink
{
    /*Results Page Bulk Edit ActionLink Attributes (For Gallery And List Pages)*/
    color: #26639d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 300;
    text-decoration: none;
}
.cbResultSetGridEditActionLink
{
    /*Results Page Grid Edit ActionLink Attributes (For Gallery And List Pages)*/
    color: #26639d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 300;
    text-decoration: none;
}
.cbResultSetBackToPivotActionLink
{
    /*Results Page Search Again Link Attributes*/
    color: #FF6600;
    font-family: Verdana ;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.cbResultSetListGallerySelectAllActionLink
{
    /*Results Page Select All Link Attributes (For Gallery And List Pages)*/
    color: #26639d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 300;
    text-decoration: none;
}
.cbResultSetSortLabel
{
    /*Results Page Advanced Sorting Text Attributes*/
    color: #404040;
    font-size: 13px;
    font-family: Verdana;
    font-style: normal;
    font-weight: bold;
}
.cbResultSetSortContainer
{
    /*Results Page Advanced Sorting Div Attributes*/
    text-align: right;
    vertical-align: middle;
    padding: 0 5px 0px 0px;
    white-space: nowrap;
    margin: 0px ;
    border: none ;
}
.cbResultSetSortControl
{
    /*Results Page Advanced Sorting Select Attributes*/
    color: #666666;
    font-size: 12px;
    font-family: Verdana ;
    font-style: normal;
    font-weight: normal;
}
.cbResultSetRecordPerPageCell
{
    /*Page Control Table Cell Attributes*/
    text-align: left;
    vertical-align: middle;
    padding: 5px;
    white-space:nowrap;
    margin: 0px;
    border: none ;
}
.cbResultSetRecordPerPageMessage
{
    /*Paging Message Text Attributes*/
    color: #666666;
    font-size:12px;
    font-family: Verdana;
    font-style: normal;
    font-weight: bold;
    margin: 0px ;
    border: none ;
}
.cbResultSetPageActionsCell
{
    /*Results Page Actions Table Cell Attributes*/
    vertical-align: bottom;
}

Link to comment
Share on other sites

  • 0

Not sure if you still need help with this, but these three rules from your previous post all contain the color orange.

.cbResultSetSearchAgainLink
{
    /*Results Page Search Again Link Attributes*/
    color: #FF6600;
    font-family: Verdana ;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.cbResultSetDownloadLink
{
    /*Results Page Download Message Link Attributes*/
    color: #FF6600;
    font-family: Verdana ;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.cbResultSetBackToPivotActionLink
{
    /*Results Page Search Again Link Attributes*/
    color: #FF6600;
    font-family: Verdana ;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
Link to comment
Share on other sites

  • 0

Hello! To remove the arrow beside the Download Data options and since you can't find it in Styles, you can try to inspect your Tabular Report. Right-click the arrow button > click inspect > check and copy the class for that arrow > paste it on the Header of your DataPage and use this CSS code:

<style>

.classname{

display:none !important;

}

</style>

Hope this helps :) 

Link to comment
Share on other sites

  • 0

Hello everyone, just want to let you know that Caspio has new enhancement about Document Generation. They introduced more data formatting options, including regional settings to influence how text, numeric, currency and date/time values appear in our generated PDF documents. You may check this link about the new release enhancements: https://howto.caspio.com/release-notes/caspio-33-0/

Link to comment
Share on other sites

  • 0

Hey there! Caspio releases new enhancements to the document generation feature, check this out: 

Support for images in addition to text in PDF watermarks
Additional capabilities that determine when a PDF checkbox should be selected or not: 
- More conditions added for date/time and timestamp fields 
- The ability to use display values of related tables in conditions 
Additional “Data source type” column on the document templates list view
Source: https://howto.caspio.com/release-notes/caspio-36-0/#:~:text=Enhancements to Document Generation

Link to comment
Share on other sites

  • 0

Hello! Caspio releases another new enhancement to the document generation feature, refer below: 

  • Ability to sort values from related tables for generated PDF files
  • New “Last generated” column on document templates list view
  • Customization of Date/Time format in PDF files

Source: https://howto.caspio.com/release-notes/caspio-40-0/#:~:text=Enhancements to Document Generation 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...