• Valclass | Framework UI & JS

  • Chameleon admin logo

    Valclass

  • Dashboard
  • V-fitur
  • v-animation
  • v-office
  • v-sosmed
  • v-increment
  • v-reload
  • v-result
  • v-action
  • v-mode
  • v-time
  • v-font
  • v-back-to-top

office

Export table or text to various types of office files.

List of properties and components
Class-1 Class-2
v-office-excel with v-template-excel
v-office-word with v-template-word
v-office-pdf with v-template-pdf

excel

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vel ut repellend natus unde enim modi distinctio error aliquid fugiat numquam ad nemo possi tenetur officia doloremque eos quis! Lorem ipsum dolor sit amet consectetur elit. Quaerat nemo praesentium, enim quos exercitationem itaque alias perfe consequatur optio modi ratione laboriosam doloribus autem molestias numquam fugit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit volup incidunt alias ratione perferendis quidem repellat ipsum, quod commodi quis atque hic sapiente mollitia architecto. Animi, adipisci voluptate. Suscipit!

							

						<--add a office, background-color and component (optional) class to body tag-->
						+ <body class="component background-color office">

                                                <div class="v-template-excel">
                                                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vel ut repellend
                                                    natus unde enim modi distinctio error aliquid fugiat numquam ad nemo possi
                                                    tenetur officia doloremque eos quis! Lorem ipsum dolor sit amet consectetur 
                                                    elit. Quaerat nemo praesentium, enim quos exercitationem itaque alias perfe
                                                    consequatur optio modi ratione laboriosam doloribus autem molestias numquam 
                                                    fugit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit volup
                                                    incidunt alias ratione perferendis quidem repellat ipsum, quod commodi quis 
                                                    atque hic sapiente mollitia architecto. Animi, adipisci voluptate. Suscipit! 
                                                </div>
                        
						<button class="v-btn v-green v-office-excel">
						</button>
							
							

v-excel version

word

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vel ut repellend natus unde enim modi distinctio error aliquid fugiat numquam ad nemo possi tenetur officia doloremque eos quis! Lorem ipsum dolor sit amet consectetur elit. Quaerat nemo praesentium, enim quos exercitationem itaque alias perfe consequatur optio modi ratione laboriosam doloribus autem molestias numquam fugit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit volup incidunt alias ratione perferendis quidem repellat ipsum, quod commodi quis atque hic sapiente mollitia architecto. Animi, adipisci voluptate. Suscipit!

							

						<--add a office, background-color and component (optional) class to body tag-->
						+ <body class="component background-color office">

                                                <div class="v-template-word">
                                                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vel ut repellend
                                                    natus unde enim modi distinctio error aliquid fugiat numquam ad nemo possi
                                                    tenetur officia doloremque eos quis! Lorem ipsum dolor sit amet consectetur 
                                                    elit. Quaerat nemo praesentium, enim quos exercitationem itaque alias perfe
                                                    consequatur optio modi ratione laboriosam doloribus autem molestias numquam 
                                                    fugit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit volup
                                                    incidunt alias ratione perferendis quidem repellat ipsum, quod commodi quis 
                                                    atque hic sapiente mollitia architecto. Animi, adipisci voluptate. Suscipit! 
                                                </div>
                        
						<button class="v-btn v-primary v-office-word">
						</button>
							
							

v-word version

pdf

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vel ut repellend natus unde enim modi distinctio error aliquid fugiat numquam ad nemo possi tenetur officia doloremque eos quis! Lorem ipsum dolor sit amet consectetur elit. Quaerat nemo praesentium, enim quos exercitationem itaque alias perfe consequatur optio modi ratione laboriosam doloribus autem molestias numquam fugit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit volup incidunt alias ratione perferendis quidem repellat ipsum, quod commodi quis atque hic sapiente mollitia architecto. Animi, adipisci voluptate. Suscipit!

							

						<--add a office, background-color and component (optional) class to body tag-->
						+ <body class="component background-color office">

                                                <div class="v-template-pdf">
                                                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vel ut repellend
                                                    natus unde enim modi distinctio error aliquid fugiat numquam ad nemo possi
                                                    tenetur officia doloremque eos quis! Lorem ipsum dolor sit amet consectetur 
                                                    elit. Quaerat nemo praesentium, enim quos exercitationem itaque alias perfe
                                                    consequatur optio modi ratione laboriosam doloribus autem molestias numquam 
                                                    fugit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit volup
                                                    incidunt alias ratione perferendis quidem repellat ipsum, quod commodi quis 
                                                    atque hic sapiente mollitia architecto. Animi, adipisci voluptate. Suscipit! 
                                                </div>
                        
						<button class="v-btn v-danger v-office-pdf">
						</button>
							
							

v-office version

2021 © Copyright valclass