[Tex/LaTex] Table with shaded transitition, rounded corners and shadow (like a block of the theme)

beamerrounded-cornersshadowstablesthemes

this is my first question here.

I want to make my table look like the block to have a consequent style.
Questions:

How to create that shaded transition from the table headline to the body (like the block)
How to add the shadow. (Different solutions on this forum dont seem to work for my code..)

Here is my minimalistic code which produces the following output:

\documentclass{beamer}  
\usetheme{Berlin}  
\setbeamertemplate{blocks}[rounded][shadow=true]

% Packages  
\usepackage[USenglish]{babel}  
\usepackage{times}  
\usepackage{tikz}  
\usepackage{parskip}  
\usepackage{tabularx}  
\usepackage{booktabs}  
\usepackage{colortbl}

% This is for rounded corners  
\usetikzlibrary{calc}  
\pgfdeclarelayer{background}  
\pgfdeclarelayer{foreground}  
\pgfsetlayers{background,main,foreground}

% Define colors  
\definecolor{TblTitle}{RGB}{38,38,134}  
\definecolor{TblBody}{RGB}{233,233,243}

\begin{document}                                                    

\begin{frame}  
\begin{block}{Block 1}  
\begin{itemize}  
\item item 1  
\item item 2  
\end{itemize}  
\end{block}

\begin{tikzpicture}  
\node(tbl){  
\begin{tabularx}{\textwidth}{p{0.5\textwidth}p{0.5\textwidth}}  
\textcolor{white}{Column 1} & \textcolor{white}{Column 2} \\  
\begin{itemize}  
\item item 3  
\item item 4  
\end{itemize} &   
\begin{itemize}  
\item item 5  
\item item 6  
\end{itemize} \\[-1em]  
\end{tabularx}};  
\begin{pgfonlayer}{background}    
\draw[rounded corners,top color=TblTitle,  
bottom color=TblTitle,draw=white]  
($(tbl.north west)+(0.12,0)$)  
rectangle ($(tbl.north east)-(0.12,0.9)$);  
\draw[rounded corners,top color=TblBody,  
bottom color=TblBody,draw=white]   
($(tbl.south west)+(0.12,0.5)$)  
rectangle ($(tbl.south east)-(0.12,0)$);  
\draw[top color=TblBody,bottom color=TblBody,draw=TblBody]  
($(tbl.north east)-(0.13,0.6)$)  
rectangle ($(tbl.south west)+(0.13,0.2)$);  
\end{pgfonlayer}  
\end{tikzpicture}  
\end{frame}

\end{document}

Table and block

Best Answer

How about this:

\documentclass{beamer}  
\usetheme{Berlin}  
\setbeamertemplate{blocks}[rounded][shadow=true]

% Packages  
\usepackage[USenglish]{babel}  
\usepackage{times}  
\usepackage{tikz}  
\usepackage{parskip}  
\usepackage{tabularx}  
\usepackage{booktabs}  
\usepackage{colortbl}

% This is for rounded corners  
\usetikzlibrary{calc}  
\pgfdeclarelayer{background}  
\pgfdeclarelayer{foreground}  
\pgfsetlayers{background,main,foreground}

% Define colors  
\definecolor{TblTitle}{RGB}{38,38,134}  
\definecolor{TblBody}{RGB}{233,233,243}

\begin{document}                                                    

\begin{frame}[t]

\begin{block}{Block 1}  
\begin{itemize}  
\item item 1  
\item item 2  
\end{itemize}  
\end{block}

\tikzset{blocknode/.style={inner sep=0,text width=0.5\textwidth,below right}}

\begin{block}{\tikz{\node[blocknode] {asdf}; \node[blocknode] at (0.5\textwidth,0) {qwertz};}}
\begin{tikzpicture}
\node[blocknode] {\begin{itemize}\item a\item b\end{itemize}};
\node[blocknode] at (0.5\textwidth,0) {\begin{itemize}\item c\item d\end{itemize}};
\end{tikzpicture}
\end{block}

\begin{block}{\tikz{\node[blocknode] {qwer wert ertz rtzu tzui zuio uiop}; \node[blocknode] at (0.5\textwidth,0) {asdf sdfg dfgh fghj ghjk hjkl yxcv xcvb cvbn vbnm};}}
\begin{tikzpicture}
\node[blocknode] {\begin{itemize}\item asdf sdfg dfgh fghj ghjk hjkl yxcv xcvb cvbn vbnm \item b\end{itemize}};
\node[blocknode] at (0.5\textwidth,0) {\begin{itemize}\item c\item qwer wert ertz rtzu tzui zuio uiop\end{itemize}};
\end{tikzpicture}
\end{block}

\end{frame}

\end{document}

enter image description here

Related Solutions

[Tex/LaTex] get a shadowbox with rounded corners? (using `listings` package)

Next code uses tcolorbox to format the shadowed box where code is inserted through listing package. Size, color and format of shadows can be adapted to ones taste.

\documentclass{article}

\usepackage[most]{tcolorbox}

\newtcblisting{pythoncode}[2][]{%
    enhanced, title=#2, colframe=blue!50!black, 
    colback=blue!10!white, 
    fonttitle=\ttfamily, coltitle=white,
    attach boxed title to top left = {xshift=5mm,yshift=-2mm} ,
    boxed title style={size=small, colback=blue!75!black},
    width=.5\linewidth,
    listing only,listing options={language=Python, basicstyle=\ttfamily\footnotesize},#1}

\begin{document}

\begin{pythoncode}[drop shadow]{hello.py}
#!/usr/bin/env python
def main():
    print "Hello, World!"
if __name__ == '__main__':
    main()
\end{pythoncode}

\begin{pythoncode}[drop fuzzy shadow]{hello.py}
#!/usr/bin/env python
def main():
    print "Hello, World!"
if __name__ == '__main__':
    main()
\end{pythoncode}

\begin{pythoncode}[drop lifted shadow]{hello.py}
#!/usr/bin/env python
def main():
    print "Hello, World!"
if __name__ == '__main__':
    main()
\end{pythoncode}
\end{document}

enter image description here

[Tex/LaTex] Shadow of a non rounded block in beamer

Unfortunately this is not easy natively in beamer (but there's an easy way to achieve it using external tools) since shadows are applied only to rounded boxes (which are built using beamerboxesrounded) but not to non-rounded boxes (which are built separately using beamercolorbox).

As an alternative, I offer you here a possibility using the tcolorbox package to define blocks emulating those defined by the beamer class, but adding the shadow. In the following example I show how to easily do this defining a proper style and building shadowed clones for exampleblock and alertblock:

\documentclass[]{beamer}
\usepackage{mathpazo}
\usepackage[many]{tcolorbox}
\linespread{1.05} 

\usetheme[hideallsubsections,left,width=2cm]{Marburg}
\usefonttheme{serif}
\usecolortheme{rose}

\setbeamercolor{titlelike}{bg=structure,fg=white}

\setbeamertemplate{sidebar left}{%
\begin{minipage}{2cm}
  \centering      
  \vspace{\baselineskip}
  \insertlogo%
  \vspace{\baselineskip}
  \color{white}{\insertshorttitle[width={2cm},center,respectlinebreaks]}%
  \insertshortauthor[width={2cm},center,respectlinebreaks] \vspace{\baselineskip}
  \insertverticalnavigation{2cm}
  \vspace{10\baselineskip}
  \insertframenumber / \inserttotalframenumber
  \end{minipage}%
}

\makeatletter
\tikzset{beamer@color/.style={top color=\kvtcb@colback,bottom color=\kvtcb@colback}}
\makeatother

\tcbset{
tcbeamer/.style={
  beamer,
  width=\textwidth+3pt,
  enlarge left by=-3pt,
  bottom=0pt,
  top=0pt,
  left=1pt,
  right=1pt,
  arc=0pt,
  outer arc=0pt,
  toptitle=0pt,
  bottomtitle=-1pt,
  }
}

\newenvironment<>{tcexampleblock}[1]
  {\begin{actionenv}#2\begin{tcolorbox}[
    adjusted title=#1,
    tcbeamer,
    colback=block body example.bg,
    colframe=block title example.bg,
    fonttitle=\large\color{block title example.fg}
    ]
  }
  {\end{tcolorbox}\end{actionenv}}

\newenvironment<>{tcalertblock}[1]
  {\begin{actionenv}#2\begin{tcolorbox}[
    adjusted title=#1,
    tcbeamer,
    colback=block body alerted.bg,
    colframe=block title alerted.bg,
    fonttitle=\large\color{block title alerted.fg},
    adjusted title=#1,
    ]
  }
  {\end{tcolorbox}\end{actionenv}}

\begin{document}

\begin{frame}

\begin{exampleblock}<1->{Test exampleblock}
This is a block provided by the \texttt{beamer} class.
\end{exampleblock}

\begin{tcexampleblock}<2->{Test tcexampleblock}
This is a block provided by the \texttt{tcolorbox} package.
\end{tcexampleblock}

\begin{alertblock}<3->{Test alertblock}
This is a block provided by the \texttt{beamer} class.
\end{alertblock}

\begin{tcalertblock}<4-6>{Test tcalertblock}
This is a block provided by the \texttt{tcolorbox} package.
\end{tcalertblock}

\end{frame}

\end{document}

The result, showing the new overlay-aware environments in action:

enter image description here

Notice that the serif class option is obsolete, so instead of

\documentclass[serif]{beamer}

you should use

\usefonttheme{serif}

Best Answer

Related Solutions

[Tex/LaTex] get a shadowbox with rounded corners? (using `listings` package)

[Tex/LaTex] Shadow of a non rounded block in beamer

Related Question